version(major): react version updated from 16 to 18

package.json

@@ -1,51 +1,52 @@
 {
-  "name": "react-fields-keeper",
-  "version": "1.23.0",
-  "type": "module",
-  "main": "./dist/index.umd.js",
-  "license": "ISC",
-  "module": "./dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist",
-    "/public"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "build:library": "tsc && vite --config library.vite.config.ts build",
-    "publish:version": "npm publish"
-  },
-  "dependencies": {
-    "classname": "^0.0.0",
-    "fuzzy-search": "^3.2.1",
-    "lodash.isequal": "^4.5.0",
-    "react": "^16.14.0",
-    "react-dom": "^16.12.0",
-    "zustand": "^4.5.0"
-  },
-  "devDependencies": {
-    "@types/classnames": "^2.3.1",
-    "@types/fuzzy-search": "^2.1.2",
-    "@types/lodash.isequal": "^4.5.6",
-    "@types/node": "^20.1.3",
-    "@types/react": "16.9.35",
-    "@types/react-dom": "16.9.8",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "@vitejs/plugin-react-swc": "^3.0.0",
-    "eslint": "^8.38.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.4",
-    "less": "^4.1.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.3.2",
-    "vite-plugin-css-injected-by-js": "^3.1.1",
-    "vite-plugin-dts": "^2.3.0"
-  },
-  "resolutions": {
-    "@types/react": "^16 || ^17"
-  }
+    "name": "react-fields-keeper",
+    "version": "1.23.0",
+    "type": "module",
+    "main": "./dist/index.umd.js",
+    "license": "ISC",
+    "module": "./dist/index.es.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "/dist",
+        "/public"
+    ],
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc && vite build",
+        "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+        "preview": "vite preview",
+        "build:library": "tsc && vite --config library.vite.config.ts build",
+        "publish:version": "npm publish"
+    },
+    "dependencies": {
+        "classname": "^0.0.0",
+        "fuzzy-search": "^3.2.1",
+        "lodash.isequal": "^4.5.0",
+        "zustand": "^4.5.0"
+    },
+    "devDependencies": {
+        "@types/classnames": "^2.3.1",
+        "@types/fuzzy-search": "^2.1.2",
+        "@types/lodash.isequal": "^4.5.6",
+        "@types/node": "^20.1.3",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
+        "@typescript-eslint/eslint-plugin": "^5.57.1",
+        "@typescript-eslint/parser": "^5.57.1",
+        "@vitejs/plugin-react-swc": "^3.0.0",
+        "eslint": "^8.38.0",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.3.4",
+        "less": "^4.1.3",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "typescript": "^5.0.2",
+        "vite": "^4.3.2",
+        "vite-plugin-css-injected-by-js": "^3.1.1",
+        "vite-plugin-dts": "^2.3.0"
+    },
+    "peerDependencies": {
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
+    }
 }

src/main.tsx

@@ -1,5 +1,6 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
-import './index.css'
+import './index.css';
 
-ReactDOM.render(<App />, document.getElementById('root') as HTMLElement);
+const root = createRoot(document.getElementById('root') as HTMLElement);
+root.render(<App />);