Update dependencies

package.json

@@ -8,30 +8,30 @@
     "@dnd-kit/core": "^3.1.1",
     "@dnd-kit/sortable": "^4.0.0",
     "@mitchemmc/dexie-export-import": "^1.0.1",
-    "@msgpack/msgpack": "^2.4.1",
-    "@react-spring/konva": "^9.2.3",
-    "@sentry/integrations": "^6.3.0",
-    "@sentry/react": "^6.3.0",
-    "@stripe/stripe-js": "^1.13.1",
-    "@tensorflow/tfjs": "^3.6.0",
+    "@msgpack/msgpack": "^2.7.0",
+    "@react-spring/konva": "^9.2.4",
+    "@sentry/integrations": "^6.11.0",
+    "@sentry/react": "^6.11.0",
+    "@stripe/stripe-js": "^1.16.0",
+    "@tensorflow/tfjs": "^3.8.0",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^13.0.2",
     "ajv": "^8.6.2",
-    "ammo.js": "kripken/ammo.js#aab297a4164779c3a9d8dc8d9da26958de3cb778",
+    "ammo.js": "kripken/ammo.js",
     "case": "^1.6.3",
-    "color": "^3.1.3",
-    "comlink": "^4.3.0",
+    "color": "^3.2.1",
+    "comlink": "^4.3.1",
     "deep-diff": "^1.0.2",
     "dexie": "3.1.0-beta.13",
-    "dexie-react-hooks": "^1.0.6",
+    "dexie-react-hooks": "^1.0.7",
     "err-code": "^3.0.1",
-    "fake-indexeddb": "^3.1.2",
+    "fake-indexeddb": "^3.1.3",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.4.6",
     "image-outline": "^0.1.0",
     "intersection-observer": "^0.12.0",
-    "konva": "^8.1.1",
+    "konva": "^8.1.3",
     "lodash.chunk": "^4.2.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.get": "^4.4.2",
@@ -39,7 +39,7 @@
     "lodash.unset": "^4.5.2",
     "normalize-wheel": "^1.0.1",
     "pepjs": "^0.5.3",
-    "polygon-clipping": "^0.15.2",
+    "polygon-clipping": "^0.15.3",
     "pretty-bytes": "^5.6.0",
     "raw.macro": "^0.4.2",
     "react": "^17.0.2",
@@ -49,27 +49,27 @@
     "react-konva-utils": "^0.1.7",
     "react-markdown": "4",
     "react-media": "^2.0.0-rc.1",
-    "react-modal": "^3.12.1",
+    "react-modal": "^3.14.3",
     "react-resize-detector": "^6.7.4",
     "react-router-dom": "^5.1.2",
-    "react-router-hash-link": "^2.2.2",
+    "react-router-hash-link": "^2.4.3",
     "react-scripts": "^4.0.3",
-    "react-select": "^4.2.1",
-    "react-spring": "^9.2.3",
+    "react-select": "^4.3.1",
+    "react-spring": "^9.2.4",
     "react-textarea-autosize": "^8.3.3",
-    "react-toast-notifications": "^2.4.3",
+    "react-toast-notifications": "^2.5.1",
     "react-use-gesture": "^9.1.3",
     "shortid": "^2.2.15",
     "simple-peer": "^9.11.0",
-    "simplebar-react": "^2.1.0",
+    "simplebar-react": "^2.3.5",
     "simplify-js": "^1.2.4",
-    "socket.io-client": "^4.1.2",
+    "socket.io-client": "^4.1.3",
     "socket.io-msgpack-parser": "^3.0.1",
     "source-map-explorer": "^2.5.2",
     "theme-ui": "^0.10.0",
-    "use-image": "^1.0.7",
+    "use-image": "^1.0.8",
     "uuid": "^8.3.2",
-    "webrtc-adapter": "^7.7.1"
+    "webrtc-adapter": "^8.1.0"
   },
   "resolutions": {
     "simple-peer/get-browser-rtc": "substack/get-browser-rtc#4/head"

src/components/dice/DiceInteraction.tsx

@@ -4,8 +4,7 @@ import { Scene } from "@babylonjs/core/scene";
 import { Vector3, Color4, Matrix } from "@babylonjs/core/Maths/math";
 import { AmmoJSPlugin } from "@babylonjs/core/Physics/Plugins/ammoJSPlugin";
 import { TargetCamera } from "@babylonjs/core/Cameras/targetCamera";
-//@ts-ignore
-import * as AMMO from "ammo.js";
+import Ammo from "ammo.js";
 
 import "@babylonjs/core/Physics/physicsEngineComponent";
 import "@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent";
@@ -65,10 +64,9 @@ function DiceInteraction({
       const scene = new Scene(engine);
       scene.clearColor = new Color4(0, 0, 0, 0);
       // Enable physics
-      scene.enablePhysics(
-        new Vector3(0, -98, 0),
-        new AmmoJSPlugin(false, AMMO)
-      );
+      Ammo().then(() => {
+        scene.enablePhysics(new Vector3(0, -98, 0), new AmmoJSPlugin(false));
+      });
 
       let camera = new TargetCamera("camera", new Vector3(0, 33.5, 0), scene);
       camera.fov = 0.65;

src/global.d.ts

@@ -20,3 +20,4 @@ declare module "*.bin" {
 }
 declare module "react-router-hash-link";
 declare module "intersection-observer";
+declare module "ammo.js";