Unable to get Transition component to work.

[maninacan]

I copy the tailwindui component over verbatim and install the dependencies and anything that is wrapped in a Transition component doesn't work. I'm running a new project with React 18.0.0. Here is a sample of what I've tried:

import {useState} from "react";
import {Transition} from "@headlessui/react";

export function AuthenticatedApp() {
  const [isShowing, setIsShowing] = useState(false)

  return (
    <>
      <button onClick={() => setIsShowing((isShowing) => !isShowing)}>
        Toggle
      </button>
      <Transition
        show={isShowing}
        enter="transition-opacity duration-75"
        enterFrom="opacity-0"
        enterTo="opacity-100"
        leave="transition-opacity duration-150"
        leaveFrom="opacity-100"
        leaveTo="opacity-0"
      >
        I will fade in and out
      </Transition>
    </>
  )
}

export default AuthenticatedApp;

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This is related to React 18, install the insiders build which should fix things for you. More information: #681

[maninacan]

Thank you!