fix(material-tailwind): version types issue

creativetimofficial/material-tailwind#528
creativetimofficial/material-tailwind#427

README.md

@@ -17,14 +17,17 @@ If you are developing a production application, we recommend updating the config
 export default {
   // other rules...
   parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: ["./tsconfig.json", "./tsconfig.node.json", "./tsconfig.app.json"],
     tsconfigRootDir: __dirname,
   },
-}
+};
 ```
 
 - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
 - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
 - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+
+https://github.com/creativetimofficial/material-tailwind/issues/528
+https://github.com/creativetimofficial/material-tailwind/issues/427

package.json

@@ -6,7 +6,7 @@
   "homepage": "https://muhammed-rahif.github.io/The-Movieflix/",
   "scripts": {
     "dev": "vite --host",
-    "build": "vite build # tsc -b && vite build",
+    "build": "tsc -b && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "postinstall": "patch-package",
@@ -35,7 +35,7 @@
     "@capacitor/cli": "^6.1.1",
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/eslint-plugin-query": "^5.51.12",
-    "@types/react": "^18.3.3",
+    "@types/react": "18.2.9",
     "@types/react-dom": "^18.3.0",
     "@types/react-transition-group": "^4.4.10",
     "@typescript-eslint/eslint-plugin": "^7.15.0",

src/main.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import React from "react";
 import { createRoot } from "react-dom/client";
 import { ButtonStyleTypes, ThemeProvider } from "@material-tailwind/react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -22,7 +22,7 @@ createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <BrowserRouter basename="/">
       <QueryClientProvider client={queryClient}>
-        <ThemeProvider value={theme}>{(<App />) as ReactElement}</ThemeProvider>
+        <ThemeProvider value={theme}>{(<App />) as any}</ThemeProvider>
 
         {/* <ReactQueryDevtools buttonPosition="top-right" /> */}
       </QueryClientProvider>