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

* Use react-dom/client for react 18

* fix lint & fix lint-staged

Author: bjornstar

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

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 />)
+}