Error modals and slidesOvers (it does not work)

[Aryoam]

  "dependencies": {
    "@headlessui/react": "^1.5.0",
    "@heroicons/react": "^1.0.6",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-icons": "^4.3.1",
    "react-router-dom": "^6.3.0"
  },
  "devDependencies": {
    "@vitejs/plugin-react": "^1.3.0",
    "autoprefixer": "^10.4.4",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.24",
    "vite": "^2.9.2"
  }

There is a bug when using modals from tailwindui or headlessui, the modals or slidesovers are not executed at all.

Solution to the error, when creating a project with Vite the structure of the main is the following:

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

It is solved by changing the structure of the main.

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

[RobinMalfait]

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

This is a React 18 related issue. Checkout #681 for more information.