@react-three/rapier 0.8.0 → 0.8.2

package/dist/react-three-rapier.cjs.dev.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var rapier3dCompat = require('@dimforge/rapier3d-compat');
-var React$1 = require('react');
+var React = require('react');
 var useAsset = require('use-asset');
 var fiber = require('@react-three/fiber');
 var three = require('three');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React$1);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 const _quaternion = new three.Quaternion();
 new three.Euler();
@@ -238,7 +238,7 @@ const createJointApi = ref => {
   };
 };
 
-const RapierContext = /*#__PURE__*/React$1.createContext(undefined);
+const RapierContext = /*#__PURE__*/React.createContext(undefined);
 
 const importRapier = async () => {
   let r = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@dimforge/rapier3d-compat')); });
@@ -255,8 +255,8 @@ const Physics = ({
   updatePriority
 }) => {
   const rapier = useAsset.useAsset(importRapier);
-  const worldRef = React$1.useRef();
-  const getWorldRef = React$1.useRef(() => {
+  const worldRef = React.useRef();
+  const getWorldRef = React.useRef(() => {
     if (!worldRef.current) {
       const world = new rapier.World(vectorArrayToVector3(_gravity));
       worldRef.current = world;
@@ -264,13 +264,13 @@ const Physics = ({
 
     return worldRef.current;
   });
-  const [rigidBodyStates] = React$1.useState(() => new Map());
-  const [colliderStates] = React$1.useState(() => new Map());
-  const [rigidBodyEvents] = React$1.useState(() => new Map());
-  const [colliderEvents] = React$1.useState(() => new Map());
-  const [eventQueue] = React$1.useState(() => new rapier3dCompat.EventQueue(false)); // Init world
+  const [rigidBodyStates] = React.useState(() => new Map());
+  const [colliderStates] = React.useState(() => new Map());
+  const [rigidBodyEvents] = React.useState(() => new Map());
+  const [colliderEvents] = React.useState(() => new Map());
+  const [eventQueue] = React.useState(() => new rapier3dCompat.EventQueue(false)); // Init world
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = getWorldRef.current();
     return () => {
       if (world) {
@@ -280,14 +280,14 @@ const Physics = ({
     };
   }, []); // Update gravity
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = worldRef.current;
 
     if (world) {
       world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
-  const [steppingState] = React$1.useState({
+  const [steppingState] = React.useState({
     accumulator: 0
   });
   /* Check if the timestep is supposed to be variable. We'll do this here
@@ -497,8 +497,8 @@ const Physics = ({
       }
     });
   }, updatePriority);
-  const api = React$1.useMemo(() => createWorldApi(getWorldRef), []);
-  const context = React$1.useMemo(() => ({
+  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
+  const context = React.useMemo(() => ({
     rapier,
     world: api,
     physicsOptions: {
@@ -699,10 +699,10 @@ const setRigidBodyOptions = (rigidBody, options, states, updateTranslations = tr
 };
 const useUpdateRigidBodyOptions = (rigidBodyRef, props, states, updateTranslations = true) => {
   // TODO: Improve this, split each prop into its own effect
-  const mutablePropsAsFlatArray = React$1.useMemo(() => mutableRigidBodyOptionKeys.flatMap(key => {
+  const mutablePropsAsFlatArray = React.useMemo(() => mutableRigidBodyOptionKeys.flatMap(key => {
     return vectorToTuple(props[key]);
   }), [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (Array.isArray(rigidBodyRef.current)) {
       for (const rigidBody of rigidBodyRef.current) {
         setRigidBodyOptions(rigidBody, props, states, updateTranslations);
@@ -729,7 +729,7 @@ const useRigidBodyEvents = (rigidBodyRef, props, events) => {
     onIntersectionEnter,
     onIntersectionExit
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (Array.isArray(rigidBodyRef.current)) {
       for (const rigidBody of rigidBodyRef.current) {
         events.set(rigidBody.handle, eventHandlers);
@@ -872,10 +872,10 @@ const setColliderOptions = (collider, options, states) => {
 };
 const useUpdateColliderOptions = (collidersRef, props, states) => {
   // TODO: Improve this, split each prop into its own effect
-  const mutablePropsAsFlatArray = React$1.useMemo(() => mutableColliderOptionKeys.flatMap(key => {
+  const mutablePropsAsFlatArray = React.useMemo(() => mutableColliderOptionKeys.flatMap(key => {
     return vectorToTuple(props[key]);
   }), [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     collidersRef.current.forEach(collider => {
       setColliderOptions(collider, props, states);
     });
@@ -1008,7 +1008,7 @@ const useColliderEvents = (collidersRef, props, events) => {
     onIntersectionEnter,
     onIntersectionExit
   } = props;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     var _collidersRef$current;
 
     (_collidersRef$current = collidersRef.current) === null || _collidersRef$current === void 0 ? void 0 : _collidersRef$current.forEach(collider => {
@@ -1032,11 +1032,11 @@ const useColliderEvents = (collidersRef, props, events) => {
 };
 
 const useRapier = () => {
-  return React$1.useContext(RapierContext);
+  return React.useContext(RapierContext);
 };
 const useChildColliderProps = (ref, options, ignoreMeshColliders = true) => {
-  const [colliderProps, setColliderProps] = React$1.useState([]);
-  React$1.useEffect(() => {
+  const [colliderProps, setColliderProps] = React.useState([]);
+  React.useEffect(() => {
     const object = ref.current;
 
     if (object && options.colliders !== false) {
@@ -1056,16 +1056,16 @@ const useRigidBody = (options = {}) => {
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const ref = React$1.useRef();
-  const mergedOptions = React$1.useMemo(() => {
+  const ref = React.useRef();
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), options), {}, {
       children: undefined
     });
   }, [physicsOptions, options]);
   const childColliderProps = useChildColliderProps(ref, mergedOptions); // Create rigidbody
 
-  const rigidBodyRef = React$1.useRef();
-  const getRigidBodyRef = React$1.useRef(() => {
+  const rigidBodyRef = React.useRef();
+  const getRigidBodyRef = React.useRef(() => {
     if (!rigidBodyRef.current) {
       const desc = rigidBodyDescFromOptions(options);
       const rigidBody = world.createRigidBody(desc);
@@ -1075,7 +1075,7 @@ const useRigidBody = (options = {}) => {
     return rigidBodyRef.current;
   }); // Setup
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getRigidBodyRef.current();
     rigidBodyRef.current = rigidBody;
 
@@ -1097,7 +1097,7 @@ const useRigidBody = (options = {}) => {
   }, []);
   useUpdateRigidBodyOptions(rigidBodyRef, mergedOptions, rigidBodyStates);
   useRigidBodyEvents(rigidBodyRef, mergedOptions, rigidBodyEvents);
-  const api = React$1.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
+  const api = React.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
   return [ref, api, childColliderProps];
 }; // Joints
 
@@ -1105,8 +1105,8 @@ const useImpulseJoint = (body1, body2, params) => {
   const {
     world
   } = useRapier();
-  const jointRef = React$1.useRef();
-  const getJointRef = React$1.useRef(() => {
+  const jointRef = React.useRef();
+  const getJointRef = React.useRef(() => {
     if (!jointRef.current) {
       let rb1;
       let rb2;
@@ -1121,7 +1121,7 @@ const useImpulseJoint = (body1, body2, params) => {
 
     return jointRef.current;
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const joint = getJointRef.current();
     return () => {
       if (joint) {
@@ -1130,7 +1130,7 @@ const useImpulseJoint = (body1, body2, params) => {
       }
     };
   }, []);
-  const api = React$1.useMemo(() => createJointApi(getJointRef), []);
+  const api = React.useMemo(() => createJointApi(getJointRef), []);
   return api;
 };
 /**
@@ -1189,7 +1189,7 @@ const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis]) => {
 };
 
 // Colliders
-const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["default"].forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/React.memo( /*#__PURE__*/React__default["default"].forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1203,8 +1203,8 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
     colliderStates
   } = useRapier();
   const rigidBodyContext = useRigidBodyContext();
-  const ref = React$1.useRef(null);
-  const collidersRef = React$1.useMemo(() => {
+  const ref = React.useRef(null);
+  const collidersRef = React.useMemo(() => {
     if (forwardedRef !== null) {
       return forwardedRef;
     }
@@ -1213,7 +1213,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
     result.current = [];
     return result;
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const object = ref.current;
     const worldScale = object.getWorldScale(new three.Vector3());
     const colliders = []; // If this is an InstancedRigidBody api
@@ -1245,7 +1245,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
       });
     };
   }, []);
-  const mergedProps = React$1.useMemo(() => {
+  const mergedProps = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options), props);
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(collidersRef, mergedProps, colliderStates);
@@ -1314,9 +1314,9 @@ const ConvexHullCollider = /*#__PURE__*/React__default["default"].forwardRef((pr
 });
 
 const _excluded$1 = ["children", "type", "position", "rotation", "scale", "quaternion"];
-const RigidBodyContext = /*#__PURE__*/React$1.createContext(undefined);
-const useRigidBodyContext = () => React$1.useContext(RigidBodyContext);
-const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const RigidBodyContext = /*#__PURE__*/React.createContext(undefined);
+const useRigidBodyContext = () => React.useContext(RigidBodyContext);
+const RigidBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     type,
@@ -1328,8 +1328,8 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
         objectProps = _objectWithoutProperties(props, _excluded$1);
 
   const [object, api, childColliderProps] = useRigidBody(props);
-  React$1.useImperativeHandle(ref, () => api);
-  const contextValue = React$1.useMemo(() => ({
+  React.useImperativeHandle(ref, () => api);
+  const contextValue = React.useMemo(() => ({
     ref: object,
     api,
     options: props
@@ -1357,11 +1357,11 @@ const MeshCollider = props => {
     physicsOptions,
     world
   } = useRapier();
-  const object = React$1.useRef(null);
+  const object = React.useRef(null);
   const {
     options
   } = useRigidBodyContext();
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), options), {}, {
       children: undefined,
       colliders: type
@@ -1382,7 +1382,7 @@ const Debug = () => {
   const {
     world
   } = useRapier();
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   fiber.useFrame(() => {
     const mesh = ref.current;
     if (!mesh) return;
@@ -1390,23 +1390,24 @@ const Debug = () => {
     mesh.geometry.setAttribute("position", new three.BufferAttribute(buffers.vertices, 3));
     mesh.geometry.setAttribute("color", new three.BufferAttribute(buffers.colors, 4));
   });
-  return /*#__PURE__*/React.createElement("lineSegments", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement("lineBasicMaterial", {
+  return /*#__PURE__*/React__default["default"].createElement("lineSegments", {
+    ref: ref,
+    frustumCulled: false
+  }, /*#__PURE__*/React__default["default"].createElement("lineBasicMaterial", {
     color: 0xffffff,
     vertexColors: true
-  }), /*#__PURE__*/React.createElement("bufferGeometry", null));
+  }), /*#__PURE__*/React__default["default"].createElement("bufferGeometry", null));
 };
 
 const _excluded = ["positions", "rotations", "children"];
-const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const InstancedRigidBodies = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     world,
     rigidBodyStates,
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const object = React$1.useRef(null);
+  const object = React.useRef(null);
 
   const {
     positions,
@@ -1415,20 +1416,20 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   } = props,
         options = _objectWithoutProperties(props, _excluded);
 
-  const instancesRef = React$1.useRef([]);
-  const rigidBodyRefs = React$1.useRef([]);
-  const instancesRefGetter = React$1.useRef(() => {
+  const instancesRef = React.useRef([]);
+  const rigidBodyRefs = React.useRef([]);
+  const instancesRefGetter = React.useRef(() => {
     if (!instancesRef.current) {
       instancesRef.current = [];
     }
 
     return instancesRef.current;
   });
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, physicsOptions), options);
   }, [physicsOptions, options]);
   const childColliderProps = useChildColliderProps(object, mergedOptions);
-  React$1.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     object.current.updateWorldMatrix(true, false);
     const instances = instancesRefGetter.current();
     const invertedWorld = object.current.matrixWorld.clone().invert();
@@ -1489,11 +1490,11 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
       instancesRef.current = [];
     };
   }, []);
-  const api = React$1.useMemo(() => createInstancedRigidBodiesApi(instancesRefGetter), []);
-  React$1.useImperativeHandle(ref, () => api);
+  const api = React.useMemo(() => createInstancedRigidBodiesApi(instancesRefGetter), []);
+  React.useImperativeHandle(ref, () => api);
   useUpdateRigidBodyOptions(rigidBodyRefs, mergedOptions, rigidBodyStates, false);
   useRigidBodyEvents(rigidBodyRefs, mergedOptions, rigidBodyEvents);
-  const contextValue = React$1.useMemo(() => {
+  const contextValue = React.useMemo(() => {
     return {
       ref: object,
       api,

package/dist/react-three-rapier.cjs.prod.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var rapier3dCompat = require('@dimforge/rapier3d-compat');
-var React$1 = require('react');
+var React = require('react');
 var useAsset = require('use-asset');
 var fiber = require('@react-three/fiber');
 var three = require('three');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React$1);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 const _quaternion = new three.Quaternion();
 new three.Euler();
@@ -238,7 +238,7 @@ const createJointApi = ref => {
   };
 };
 
-const RapierContext = /*#__PURE__*/React$1.createContext(undefined);
+const RapierContext = /*#__PURE__*/React.createContext(undefined);
 
 const importRapier = async () => {
   let r = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@dimforge/rapier3d-compat')); });
@@ -255,8 +255,8 @@ const Physics = ({
   updatePriority
 }) => {
   const rapier = useAsset.useAsset(importRapier);
-  const worldRef = React$1.useRef();
-  const getWorldRef = React$1.useRef(() => {
+  const worldRef = React.useRef();
+  const getWorldRef = React.useRef(() => {
     if (!worldRef.current) {
       const world = new rapier.World(vectorArrayToVector3(_gravity));
       worldRef.current = world;
@@ -264,13 +264,13 @@ const Physics = ({
 
     return worldRef.current;
   });
-  const [rigidBodyStates] = React$1.useState(() => new Map());
-  const [colliderStates] = React$1.useState(() => new Map());
-  const [rigidBodyEvents] = React$1.useState(() => new Map());
-  const [colliderEvents] = React$1.useState(() => new Map());
-  const [eventQueue] = React$1.useState(() => new rapier3dCompat.EventQueue(false)); // Init world
+  const [rigidBodyStates] = React.useState(() => new Map());
+  const [colliderStates] = React.useState(() => new Map());
+  const [rigidBodyEvents] = React.useState(() => new Map());
+  const [colliderEvents] = React.useState(() => new Map());
+  const [eventQueue] = React.useState(() => new rapier3dCompat.EventQueue(false)); // Init world
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = getWorldRef.current();
     return () => {
       if (world) {
@@ -280,14 +280,14 @@ const Physics = ({
     };
   }, []); // Update gravity
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = worldRef.current;
 
     if (world) {
       world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
-  const [steppingState] = React$1.useState({
+  const [steppingState] = React.useState({
     accumulator: 0
   });
   /* Check if the timestep is supposed to be variable. We'll do this here
@@ -497,8 +497,8 @@ const Physics = ({
       }
     });
   }, updatePriority);
-  const api = React$1.useMemo(() => createWorldApi(getWorldRef), []);
-  const context = React$1.useMemo(() => ({
+  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
+  const context = React.useMemo(() => ({
     rapier,
     world: api,
     physicsOptions: {
@@ -699,10 +699,10 @@ const setRigidBodyOptions = (rigidBody, options, states, updateTranslations = tr
 };
 const useUpdateRigidBodyOptions = (rigidBodyRef, props, states, updateTranslations = true) => {
   // TODO: Improve this, split each prop into its own effect
-  const mutablePropsAsFlatArray = React$1.useMemo(() => mutableRigidBodyOptionKeys.flatMap(key => {
+  const mutablePropsAsFlatArray = React.useMemo(() => mutableRigidBodyOptionKeys.flatMap(key => {
     return vectorToTuple(props[key]);
   }), [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (Array.isArray(rigidBodyRef.current)) {
       for (const rigidBody of rigidBodyRef.current) {
         setRigidBodyOptions(rigidBody, props, states, updateTranslations);
@@ -729,7 +729,7 @@ const useRigidBodyEvents = (rigidBodyRef, props, events) => {
     onIntersectionEnter,
     onIntersectionExit
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (Array.isArray(rigidBodyRef.current)) {
       for (const rigidBody of rigidBodyRef.current) {
         events.set(rigidBody.handle, eventHandlers);
@@ -872,10 +872,10 @@ const setColliderOptions = (collider, options, states) => {
 };
 const useUpdateColliderOptions = (collidersRef, props, states) => {
   // TODO: Improve this, split each prop into its own effect
-  const mutablePropsAsFlatArray = React$1.useMemo(() => mutableColliderOptionKeys.flatMap(key => {
+  const mutablePropsAsFlatArray = React.useMemo(() => mutableColliderOptionKeys.flatMap(key => {
     return vectorToTuple(props[key]);
   }), [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     collidersRef.current.forEach(collider => {
       setColliderOptions(collider, props, states);
     });
@@ -1008,7 +1008,7 @@ const useColliderEvents = (collidersRef, props, events) => {
     onIntersectionEnter,
     onIntersectionExit
   } = props;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     var _collidersRef$current;
 
     (_collidersRef$current = collidersRef.current) === null || _collidersRef$current === void 0 ? void 0 : _collidersRef$current.forEach(collider => {
@@ -1032,11 +1032,11 @@ const useColliderEvents = (collidersRef, props, events) => {
 };
 
 const useRapier = () => {
-  return React$1.useContext(RapierContext);
+  return React.useContext(RapierContext);
 };
 const useChildColliderProps = (ref, options, ignoreMeshColliders = true) => {
-  const [colliderProps, setColliderProps] = React$1.useState([]);
-  React$1.useEffect(() => {
+  const [colliderProps, setColliderProps] = React.useState([]);
+  React.useEffect(() => {
     const object = ref.current;
 
     if (object && options.colliders !== false) {
@@ -1056,16 +1056,16 @@ const useRigidBody = (options = {}) => {
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const ref = React$1.useRef();
-  const mergedOptions = React$1.useMemo(() => {
+  const ref = React.useRef();
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), options), {}, {
       children: undefined
     });
   }, [physicsOptions, options]);
   const childColliderProps = useChildColliderProps(ref, mergedOptions); // Create rigidbody
 
-  const rigidBodyRef = React$1.useRef();
-  const getRigidBodyRef = React$1.useRef(() => {
+  const rigidBodyRef = React.useRef();
+  const getRigidBodyRef = React.useRef(() => {
     if (!rigidBodyRef.current) {
       const desc = rigidBodyDescFromOptions(options);
       const rigidBody = world.createRigidBody(desc);
@@ -1075,7 +1075,7 @@ const useRigidBody = (options = {}) => {
     return rigidBodyRef.current;
   }); // Setup
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getRigidBodyRef.current();
     rigidBodyRef.current = rigidBody;
 
@@ -1097,7 +1097,7 @@ const useRigidBody = (options = {}) => {
   }, []);
   useUpdateRigidBodyOptions(rigidBodyRef, mergedOptions, rigidBodyStates);
   useRigidBodyEvents(rigidBodyRef, mergedOptions, rigidBodyEvents);
-  const api = React$1.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
+  const api = React.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
   return [ref, api, childColliderProps];
 }; // Joints
 
@@ -1105,8 +1105,8 @@ const useImpulseJoint = (body1, body2, params) => {
   const {
     world
   } = useRapier();
-  const jointRef = React$1.useRef();
-  const getJointRef = React$1.useRef(() => {
+  const jointRef = React.useRef();
+  const getJointRef = React.useRef(() => {
     if (!jointRef.current) {
       let rb1;
       let rb2;
@@ -1121,7 +1121,7 @@ const useImpulseJoint = (body1, body2, params) => {
 
     return jointRef.current;
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const joint = getJointRef.current();
     return () => {
       if (joint) {
@@ -1130,7 +1130,7 @@ const useImpulseJoint = (body1, body2, params) => {
       }
     };
   }, []);
-  const api = React$1.useMemo(() => createJointApi(getJointRef), []);
+  const api = React.useMemo(() => createJointApi(getJointRef), []);
   return api;
 };
 /**
@@ -1189,7 +1189,7 @@ const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis]) => {
 };
 
 // Colliders
-const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["default"].forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/React.memo( /*#__PURE__*/React__default["default"].forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1203,8 +1203,8 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
     colliderStates
   } = useRapier();
   const rigidBodyContext = useRigidBodyContext();
-  const ref = React$1.useRef(null);
-  const collidersRef = React$1.useMemo(() => {
+  const ref = React.useRef(null);
+  const collidersRef = React.useMemo(() => {
     if (forwardedRef !== null) {
       return forwardedRef;
     }
@@ -1213,7 +1213,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
     result.current = [];
     return result;
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const object = ref.current;
     const worldScale = object.getWorldScale(new three.Vector3());
     const colliders = []; // If this is an InstancedRigidBody api
@@ -1245,7 +1245,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React__default["defa
       });
     };
   }, []);
-  const mergedProps = React$1.useMemo(() => {
+  const mergedProps = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options), props);
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(collidersRef, mergedProps, colliderStates);
@@ -1314,9 +1314,9 @@ const ConvexHullCollider = /*#__PURE__*/React__default["default"].forwardRef((pr
 });
 
 const _excluded$1 = ["children", "type", "position", "rotation", "scale", "quaternion"];
-const RigidBodyContext = /*#__PURE__*/React$1.createContext(undefined);
-const useRigidBodyContext = () => React$1.useContext(RigidBodyContext);
-const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const RigidBodyContext = /*#__PURE__*/React.createContext(undefined);
+const useRigidBodyContext = () => React.useContext(RigidBodyContext);
+const RigidBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     type,
@@ -1328,8 +1328,8 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
         objectProps = _objectWithoutProperties(props, _excluded$1);
 
   const [object, api, childColliderProps] = useRigidBody(props);
-  React$1.useImperativeHandle(ref, () => api);
-  const contextValue = React$1.useMemo(() => ({
+  React.useImperativeHandle(ref, () => api);
+  const contextValue = React.useMemo(() => ({
     ref: object,
     api,
     options: props
@@ -1357,11 +1357,11 @@ const MeshCollider = props => {
     physicsOptions,
     world
   } = useRapier();
-  const object = React$1.useRef(null);
+  const object = React.useRef(null);
   const {
     options
   } = useRigidBodyContext();
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), options), {}, {
       children: undefined,
       colliders: type
@@ -1382,7 +1382,7 @@ const Debug = () => {
   const {
     world
   } = useRapier();
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   fiber.useFrame(() => {
     const mesh = ref.current;
     if (!mesh) return;
@@ -1390,23 +1390,24 @@ const Debug = () => {
     mesh.geometry.setAttribute("position", new three.BufferAttribute(buffers.vertices, 3));
     mesh.geometry.setAttribute("color", new three.BufferAttribute(buffers.colors, 4));
   });
-  return /*#__PURE__*/React.createElement("lineSegments", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement("lineBasicMaterial", {
+  return /*#__PURE__*/React__default["default"].createElement("lineSegments", {
+    ref: ref,
+    frustumCulled: false
+  }, /*#__PURE__*/React__default["default"].createElement("lineBasicMaterial", {
     color: 0xffffff,
     vertexColors: true
-  }), /*#__PURE__*/React.createElement("bufferGeometry", null));
+  }), /*#__PURE__*/React__default["default"].createElement("bufferGeometry", null));
 };
 
 const _excluded = ["positions", "rotations", "children"];
-const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const InstancedRigidBodies = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     world,
     rigidBodyStates,
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const object = React$1.useRef(null);
+  const object = React.useRef(null);
 
   const {
     positions,
@@ -1415,20 +1416,20 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   } = props,
         options = _objectWithoutProperties(props, _excluded);
 
-  const instancesRef = React$1.useRef([]);
-  const rigidBodyRefs = React$1.useRef([]);
-  const instancesRefGetter = React$1.useRef(() => {
+  const instancesRef = React.useRef([]);
+  const rigidBodyRefs = React.useRef([]);
+  const instancesRefGetter = React.useRef(() => {
     if (!instancesRef.current) {
       instancesRef.current = [];
     }
 
     return instancesRef.current;
   });
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, physicsOptions), options);
   }, [physicsOptions, options]);
   const childColliderProps = useChildColliderProps(object, mergedOptions);
-  React$1.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     object.current.updateWorldMatrix(true, false);
     const instances = instancesRefGetter.current();
     const invertedWorld = object.current.matrixWorld.clone().invert();
@@ -1489,11 +1490,11 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.forwardRef((props, ref) => {
       instancesRef.current = [];
     };
   }, []);
-  const api = React$1.useMemo(() => createInstancedRigidBodiesApi(instancesRefGetter), []);
-  React$1.useImperativeHandle(ref, () => api);
+  const api = React.useMemo(() => createInstancedRigidBodiesApi(instancesRefGetter), []);
+  React.useImperativeHandle(ref, () => api);
   useUpdateRigidBodyOptions(rigidBodyRefs, mergedOptions, rigidBodyStates, false);
   useRigidBodyEvents(rigidBodyRefs, mergedOptions, rigidBodyEvents);
-  const contextValue = React$1.useMemo(() => {
+  const contextValue = React.useMemo(() => {
     return {
       ref: object,
       api,

package/dist/react-three-rapier.esm.js

@@ -1,6 +1,6 @@
 import { EventQueue, RigidBodyDesc, ColliderDesc, ActiveEvents } from '@dimforge/rapier3d-compat';
 export { CoefficientCombineRule, Collider as RapierCollider, RigidBody as RapierRigidBody } from '@dimforge/rapier3d-compat';
-import React$1, { useRef, useState, useEffect, useMemo, createContext, useContext, memo, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
+import React, { useRef, useState, useEffect, useMemo, createContext, useContext, memo, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
 import { useAsset } from 'use-asset';
 import { useFrame } from '@react-three/fiber';
 import { Quaternion, Euler, Vector3, Object3D, Matrix4, MathUtils, InstancedMesh, BufferAttribute, DynamicDrawUsage } from 'three';
@@ -486,7 +486,7 @@ const Physics = ({
     colliderEvents,
     isPaused: _paused
   }), [_paused]);
-  return /*#__PURE__*/React$1.createElement(RapierContext.Provider, {
+  return /*#__PURE__*/React.createElement(RapierContext.Provider, {
     value: context
   }, children);
 };
@@ -1164,7 +1164,7 @@ const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis]) => {
 };
 
 // Colliders
-const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/React$1.forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1184,7 +1184,7 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/React$1.forwardRef((props, f
       return forwardedRef;
     }
 
-    const result = /*#__PURE__*/React$1.createRef();
+    const result = /*#__PURE__*/React.createRef();
     result.current = [];
     return result;
   }, []);
@@ -1225,7 +1225,7 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/React$1.forwardRef((props, f
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(collidersRef, mergedProps, colliderStates);
   useColliderEvents(collidersRef, mergedProps, colliderEvents);
-  return /*#__PURE__*/React$1.createElement("object3D", {
+  return /*#__PURE__*/React.createElement("object3D", {
     position: position,
     rotation: rotation,
     quaternion: quaternion,
@@ -1233,56 +1233,56 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/React$1.forwardRef((props, f
     ref: ref
   }, children);
 }));
-const CuboidCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const CuboidCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "cuboid",
     ref: ref
   }));
 });
-const RoundCuboidCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const RoundCuboidCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "roundCuboid",
     ref: ref
   }));
 });
-const BallCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const BallCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "ball",
     ref: ref
   }));
 });
-const CapsuleCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const CapsuleCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "capsule",
     ref: ref
   }));
 });
-const HeightfieldCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const HeightfieldCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "heightfield",
     ref: ref
   }));
 });
-const TrimeshCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const TrimeshCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "trimesh",
     ref: ref
   }));
 });
-const ConeCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const ConeCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "cone",
     ref: ref
   }));
 });
-const CylinderCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const CylinderCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "cylinder",
     ref: ref
   }));
 });
-const ConvexHullCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  return /*#__PURE__*/React$1.createElement(AnyCollider, _extends({}, props, {
+const ConvexHullCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(AnyCollider, _extends({}, props, {
     shape: "convexHull",
     ref: ref
   }));
@@ -1309,16 +1309,16 @@ const RigidBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
     api,
     options: props
   }), [object, api, props]);
-  return /*#__PURE__*/React$1.createElement(RigidBodyContext.Provider, {
+  return /*#__PURE__*/React.createElement(RigidBodyContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React$1.createElement("object3D", _extends({
+  }, /*#__PURE__*/React.createElement("object3D", _extends({
     ref: object
   }, objectProps, {
     position: position,
     rotation: rotation,
     quaternion: quaternion,
     scale: scale
-  }), children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React$1.createElement(AnyCollider, _extends({
+  }), children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React.createElement(AnyCollider, _extends({
     key: index
   }, colliderProps)))));
 }));
@@ -1343,12 +1343,12 @@ const MeshCollider = props => {
     });
   }, [physicsOptions, options]);
   const childColliderProps = useChildColliderProps(object, mergedOptions, false);
-  return /*#__PURE__*/React$1.createElement("object3D", {
+  return /*#__PURE__*/React.createElement("object3D", {
     ref: object,
     userData: {
       r3RapierType: "MeshCollider"
     }
-  }, children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React$1.createElement(AnyCollider, _extends({
+  }, children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React.createElement(AnyCollider, _extends({
     key: index
   }, colliderProps))));
 };
@@ -1366,7 +1366,8 @@ const Debug = () => {
     mesh.geometry.setAttribute("color", new BufferAttribute(buffers.colors, 4));
   });
   return /*#__PURE__*/React.createElement("lineSegments", {
-    ref: ref
+    ref: ref,
+    frustumCulled: false
   }, /*#__PURE__*/React.createElement("lineBasicMaterial", {
     color: 0xffffff,
     vertexColors: true
@@ -1475,11 +1476,11 @@ const InstancedRigidBodies = /*#__PURE__*/forwardRef((props, ref) => {
       options: mergedOptions
     };
   }, [api, mergedOptions]);
-  return /*#__PURE__*/React$1.createElement(RigidBodyContext.Provider, {
+  return /*#__PURE__*/React.createElement(RigidBodyContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React$1.createElement("object3D", {
+  }, /*#__PURE__*/React.createElement("object3D", {
     ref: object
-  }, props.children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React$1.createElement(AnyCollider, _extends({
+  }, props.children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React.createElement(AnyCollider, _extends({
     key: index
   }, colliderProps)))));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/rapier",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "source": "src/index.ts",
   "main": "dist/react-three-rapier.cjs.js",
   "module": "dist/react-three-rapier.esm.js",