SwitchTransition не работает с обычной html-кнопкой

#reactjs #react-bootstrap #react-transition-group

Вопрос:

https://codesandbox.io/s/switchtransition-component-iqm0d?from-embed

В приведенном выше примере код работает, когда я использую кнопку from import { Button, Form } from "react-bootstrap"; .

Но если просто изменить заглавную букву B на b:

               <button onClick={() => setState((state) => !state)}>
                {state ? "Hello, world!" : "Goodbye, world!"}
              </button>
 

Эффекты перехода больше не работают.