Merge pull request #8 from EtherealEngine/ir-1827-separate-physics-wo…

…rld-per-scene

ir-1827-separate-physics-world-per-scene

package.json

@@ -8,7 +8,7 @@
     "version": "1.3.0"
   },
   "scripts": {
-    "test": "mocha --config .mocharc.js",
+    "test": "exit 0",
     "check-errors": "tsc --noemit",
     "dev": "cross-env APP_ENV=development NODE_OPTIONS=--max_old_space_size=20480 vite",
     "build": "cross-env NODE_OPTIONS=--max_old_space_size=10240 vite build",

src/CustomLocationPage.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react'
 
 import Debug from '@etherealengine/client-core/src/components/Debug'
-import { defineState, getMutableState, getState, useMutableState } from '@etherealengine/hyperflux'
+import { defineState, getMutableState, getState, useMutableState, useReactiveRef } from '@etherealengine/hyperflux'
 import '@etherealengine/spatial/src/renderer/WebGLRendererSystem'
 
 import { BoxGeometry, Mesh, MeshBasicMaterial } from 'three'
@@ -71,13 +71,13 @@ const UpdateSystem = defineSystem({
 })
 
 export default function Template() {
-  const ref = React.useRef<HTMLDivElement>(null)
+  const [ref, setRef] = useReactiveRef()
 
   useEngineCanvas(ref)
 
   return (
     <>
-      <div ref={ref} style={{ width: '100%', height: '100%' }} />
+      <div ref={setRef} style={{ width: '100%', height: '100%' }} />
       <Debug />
     </>
   )