Use react-dom/client for react 18 (#371)

* Use react-dom/client for react 18 * fix lint & fix lint-staged
pmndrs · Apr 4, 2022 · 7f5c5ef · 7f5c5ef · vercel · Apr 4, 2022
1 parent 72bde0b
commit 7f5c5ef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/react-three-cannon-examples/package.json b/packages/react-three-cannon-examples/package.json
@@ -55,8 +55,8 @@
     "zustand": "^3.7.1"
   },
   "lint-staged": {
-    "*.{js,ts}": "eslint --cache --fix",
-    "*.{js,ts,md}": "prettier --write"
+    "*.{js,jsx,ts,tsx}": "eslint --cache --fix",
+    "*.{js,json,jsx,md,ts,tsx}": "prettier --write"
   },
   "license": "MIT",
   "sideEffects": false

diff --git a/packages/react-three-cannon-examples/src/index.tsx b/packages/react-three-cannon-examples/src/index.tsx
@@ -1,5 +1,9 @@
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 import App from './App'
 
-ReactDOM.render(<App />, document.getElementById('root'))
+const root = document.getElementById('root')
+
+if (root) {
+  createRoot(root).render(<App />)
+}