chore(deps): update react monorepo to v18 (major) (#174) (#177)

Author: jaywcjlove

package.json

@@ -49,17 +49,17 @@
     "@kkt/raw-modules": "~7.1.1",
     "@kkt/scope-plugin-options": "~7.1.1",
     "@types/codemirror": "~5.60.5",
-    "@types/react": "~17.0.39",
-    "@types/react-dom": "~17.0.13",
+    "@types/react": "~18.0.5",
+    "@types/react-dom": "~18.0.1",
     "@uiw/react-github-corners": "~1.5.3",
     "@uiw/reset.css": "~1.0.6",
     "@wcj/dark-mode": "~1.0.10",
     "compile-less-cli": "~1.8.11",
     "kkt": "~7.1.5",
     "prettier": "~2.5.1",
     "pretty-quick": "~3.1.3",
-    "react": "~17.0.2",
-    "react-dom": "~17.0.2",
+    "react": "~18.0.0",
+    "react-dom": "~18.0.0",
     "tsbb": "~3.7.2",
     "husky": "~7.0.4"
   },

website/index.tsx

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