@react-three/rapier 0.14.0-rc.2 → 0.14.0-rc.4

package/dist/declarations/src/components/FrameStepper.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { PhysicsProps } from "./Physics";
 interface FrameStepperProps {
     type?: PhysicsProps["updateLoop"];
     onStep: (dt: number) => void;
     updatePriority?: number;
 }
-declare const _default: import("react").MemoExoticComponent<({ onStep, type, updatePriority }: FrameStepperProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ onStep, type, updatePriority }: FrameStepperProps) => JSX.Element>;
 export default _default;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var rapier3dCompat = require('@dimforge/rapier3d-compat');
 var fiber = require('@react-three/fiber');
-var React$1 = require('react');
+var React = require('react');
 var three = require('three');
 var useAsset = require('use-asset');
 var threeStdlib = require('three-stdlib');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React$1);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -167,7 +167,7 @@ const vectorToTuple = v => {
   return [v];
 };
 function useConst(initialValue) {
-  const ref = React$1.useRef();
+  const ref = React.useRef();
 
   if (ref.current === undefined) {
     ref.current = {
@@ -344,10 +344,10 @@ const setColliderOptions = (collider, options, states) => {
 };
 const useUpdateColliderOptions = (getCollider, 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(() => {
     const collider = getCollider();
     setColliderOptions(collider, props, states);
   }, mutablePropsAsFlatArray);
@@ -493,7 +493,7 @@ activeEvents = {}) => {
     onIntersectionExit,
     onContactForce
   } = props;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const collider = getCollider();
 
     if (collider) {
@@ -535,8 +535,8 @@ const cleanRigidBodyPropsForCollider = (props = {}) => {
 };
 
 const useMutableCallback = fn => {
-  const ref = React$1.useRef(fn);
-  React$1.useEffect(() => {
+  const ref = React.useRef(fn);
+  React.useEffect(() => {
     ref.current = fn;
   }, [fn]);
   return ref;
@@ -549,7 +549,7 @@ const useMutableCallback = fn => {
 
 
 const useRapier = () => {
-  return React$1.useContext(rapierContext);
+  return React.useContext(rapierContext);
 };
 /**
  * Registers a callback to be called before the physics step
@@ -561,7 +561,7 @@ const useBeforePhysicsStep = callback => {
     beforeStepCallbacks
   } = useRapier();
   const ref = useMutableCallback(callback);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     beforeStepCallbacks.add(ref);
     return () => {
       beforeStepCallbacks.delete(ref);
@@ -578,7 +578,7 @@ const useAfterPhysicsStep = callback => {
     afterStepCallbacks
   } = useRapier();
   const ref = useMutableCallback(callback);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     afterStepCallbacks.add(ref);
     return () => {
       afterStepCallbacks.delete(ref);
@@ -591,8 +591,8 @@ const useAfterPhysicsStep = callback => {
  */
 
 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) {
@@ -652,7 +652,7 @@ const applyAttractorForceOnRigidBody = (rigidBody, {
     }
   }
 };
-const Attractor = /*#__PURE__*/React$1.memo(props => {
+const Attractor = /*#__PURE__*/React.memo(props => {
   const {
     position = [0, 0, 0],
     strength = 1,
@@ -664,8 +664,8 @@ const Attractor = /*#__PURE__*/React$1.memo(props => {
   const {
     attractorStates
   } = useRapier();
-  const object = React$1.useRef(null);
-  React$1.useEffect(() => {
+  const object = React.useRef(null);
+  React.useEffect(() => {
     var _object$current;
 
     let uuid = ((_object$current = object.current) === null || _object$current === void 0 ? void 0 : _object$current.uuid) || "_";
@@ -692,13 +692,13 @@ const Attractor = /*#__PURE__*/React$1.memo(props => {
 });
 
 const useRaf = callback => {
-  const cb = React$1.useRef(callback);
-  const raf = React$1.useRef(0);
-  const lastFrame = React$1.useRef(0);
-  React$1.useEffect(() => {
+  const cb = React.useRef(callback);
+  const raf = React.useRef(0);
+  const lastFrame = React.useRef(0);
+  React.useEffect(() => {
     cb.current = callback;
   }, [callback]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const loop = () => {
       const now = performance.now();
       const delta = now - lastFrame.current;
@@ -736,17 +736,17 @@ const FrameStepper = ({
   type,
   updatePriority
 }) => {
-  return type === "independent" ? /*#__PURE__*/React.createElement(RafStepper, {
+  return type === "independent" ? /*#__PURE__*/React__default["default"].createElement(RafStepper, {
     onStep: onStep
-  }) : /*#__PURE__*/React.createElement(UseFrameStepper, {
+  }) : /*#__PURE__*/React__default["default"].createElement(UseFrameStepper, {
     onStep: onStep,
     updatePriority: updatePriority
   });
 };
 
-var FrameStepper$1 = /*#__PURE__*/React$1.memo(FrameStepper);
+var FrameStepper$1 = /*#__PURE__*/React.memo(FrameStepper);
 
-const rapierContext = /*#__PURE__*/React$1.createContext(undefined);
+const rapierContext = /*#__PURE__*/React.createContext(undefined);
 
 const getCollisionPayloadFromSource = (target, other) => {
   var _target$collider$stat, _target$rigidBody$sta, _other$collider$state, _other$rigidBody$stat, _other$collider$state2, _other$rigidBody$stat2;
@@ -795,8 +795,8 @@ const Physics = ({
   const {
     invalidate
   } = fiber.useThree();
-  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;
@@ -813,7 +813,7 @@ const Physics = ({
   const beforeStepCallbacks = useConst(() => new Set());
   const afterStepCallbacks = useConst(() => new Set()); // Init world
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = getWorldRef.current();
     return () => {
       if (world) {
@@ -823,15 +823,15 @@ const Physics = ({
     };
   }, []); // Update gravity
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = worldRef.current;
 
     if (world) {
       world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
-  const api = React$1.useMemo(() => createWorldApi(getWorldRef), []);
-  const getSourceFromColliderHandle = React$1.useCallback(handle => {
+  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
+  const getSourceFromColliderHandle = React.useCallback(handle => {
     const world = worldRef.current;
 
     if (world) {
@@ -859,11 +859,11 @@ const Physics = ({
       return source;
     }
   }, []);
-  const [steppingState] = React$1.useState({
+  const [steppingState] = React.useState({
     previousState: {},
     accumulator: 0
   });
-  const step = React$1.useCallback(dt => {
+  const step = React.useCallback(dt => {
     const world = worldRef.current;
     if (!world) return;
     /* Check if the timestep is supposed to be variable. We'll do this here
@@ -1079,7 +1079,7 @@ const Physics = ({
       invalidate();
     });
   }, [_paused, _timeStep, _interpolate]);
-  const context = React$1.useMemo(() => ({
+  const context = React.useMemo(() => ({
     rapier,
     world: api,
     physicsOptions: {
@@ -1096,7 +1096,7 @@ const Physics = ({
     isPaused: _paused,
     step
   }), [_paused, step]);
-  const stepCallback = React$1.useCallback(delta => {
+  const stepCallback = React.useCallback(delta => {
     if (!_paused) {
       step(delta);
     }
@@ -1132,15 +1132,15 @@ function _extends() {
  */
 
 const useImperativeInstance = (createFn, destroyFn) => {
-  const ref = React$1.useRef();
-  const refGetter = React$1.useMemo(() => () => {
+  const ref = React.useRef();
+  const refGetter = React.useMemo(() => () => {
     if (!ref.current) {
       ref.current = createFn();
     }
 
     return ref.current;
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const instance = refGetter();
     return () => {
       destroyFn(instance);
@@ -1207,7 +1207,7 @@ const euler = ({
  * A collider is a shape that can be attached to a rigid body to define its physical properties.
  * @internal
  */
-const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1222,7 +1222,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((
     colliderStates
   } = useRapier();
   const rigidBodyContext = useRigidBodyContext();
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   const getInstance = useImperativeInstance(() => {
     const worldScale = ref.current.getWorldScale(vec3());
     const collider = createColliderFromOptions(props, world, worldScale, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.getRigidBody);
@@ -1230,15 +1230,15 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((
   }, collider => {
     world.removeCollider(collider);
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const collider = getInstance();
     colliderStates.set(collider.handle, createColliderState(collider, ref.current, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.ref.current));
     return () => {
       colliderStates.delete(collider.handle);
     };
   }, []);
-  React$1.useImperativeHandle(forwardedRef, () => getInstance());
-  const mergedProps = React$1.useMemo(() => {
+  React.useImperativeHandle(forwardedRef, () => getInstance());
+  const mergedProps = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, cleanRigidBodyPropsForCollider(rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options)), props);
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(getInstance, mergedProps, colliderStates);
@@ -1475,10 +1475,10 @@ const setRigidBodyOptions = (rigidBody, options, states, updateTranslations = tr
 };
 const useUpdateRigidBodyOptions = (getRigidBody, 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(() => {
     const rigidBody = getRigidBody();
     setRigidBodyOptions(rigidBody, props, states, updateTranslations);
   }, mutablePropsAsFlatArray);
@@ -1502,7 +1502,7 @@ const useRigidBodyEvents = (getRigidBody, props, events) => {
     onIntersectionExit,
     onContactForce
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getRigidBody();
     events.set(rigidBody.handle, eventHandlers);
     return () => {
@@ -1512,14 +1512,14 @@ const useRigidBodyEvents = (getRigidBody, props, events) => {
 };
 
 const _excluded$1 = ["children", "type", "position", "rotation", "scale", "quaternion", "transformState"];
-const RigidBodyContext = /*#__PURE__*/React$1.createContext(undefined);
-const useRigidBodyContext = () => React$1.useContext(RigidBodyContext);
+const RigidBodyContext = /*#__PURE__*/React.createContext(undefined);
+const useRigidBodyContext = () => React.useContext(RigidBodyContext);
 
 /**
  * A rigid body is a physical object that can be simulated by the physics engine.
  * @category Components
  */
-const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, forwardedRef) => {
+const RigidBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
     children,
     type,
@@ -1531,14 +1531,14 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
   } = props,
         objectProps = _objectWithoutProperties(props, _excluded$1);
 
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   const {
     world,
     rigidBodyStates,
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), props), {}, {
       children: undefined
     });
@@ -1553,7 +1553,7 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
     world.removeRigidBody(rigidBody);
   }); // Only provide a object state after the ref has been set
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getInstance();
     const state = createRigidBodyState({
       rigidBody,
@@ -1566,8 +1566,8 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
   }, []);
   useUpdateRigidBodyOptions(getInstance, mergedOptions, rigidBodyStates);
   useRigidBodyEvents(getInstance, mergedOptions, rigidBodyEvents);
-  React$1.useImperativeHandle(forwardedRef, () => getInstance());
-  const contextValue = React$1.useMemo(() => {
+  React.useImperativeHandle(forwardedRef, () => getInstance());
+  const contextValue = React.useMemo(() => {
     return {
       ref,
       getRigidBody: getInstance,
@@ -1593,7 +1593,7 @@ RigidBody.displayName = "RigidBody";
  * A mesh collider is a collider that is automatically generated from the geometry of the children.
  * @category Colliders
  */
-const MeshCollider = /*#__PURE__*/React$1.memo(props => {
+const MeshCollider = /*#__PURE__*/React.memo(props => {
   const {
     children,
     type
@@ -1601,11 +1601,11 @@ const MeshCollider = /*#__PURE__*/React$1.memo(props => {
   const {
     physicsOptions
   } = 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
@@ -1645,10 +1645,10 @@ const AttractorHelper = props => {
   const {
     scene
   } = fiber.useThree();
-  const ref = React$1.useRef(null);
-  const normalsHelper = React$1.useRef();
+  const ref = React.useRef(null);
+  const normalsHelper = React.useRef();
   const color = props.strength > 0 ? 0x0000ff : 0xff0000;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (ref.current) {
       normalsHelper.current = new threeStdlib.VertexNormalsHelper(ref.current, props.range, color);
       normalsHelper.current.frustumCulled = false;
@@ -1682,14 +1682,14 @@ const AttractorHelper = props => {
   }));
 };
 
-const Debug = /*#__PURE__*/React$1.memo(() => {
+const Debug = /*#__PURE__*/React.memo(() => {
   const {
     world,
     attractorStates
   } = useRapier();
-  const ref = React$1.useRef(null);
-  const [attractors, setAttractors] = React$1.useState([]);
-  const currMap = React$1.useRef(new Map());
+  const ref = React.useRef(null);
+  const [attractors, setAttractors] = React.useState([]);
+  const currMap = React.useRef(new Map());
   fiber.useFrame(() => {
     const mesh = ref.current;
     if (!mesh) return;
@@ -1714,9 +1714,9 @@ const Debug = /*#__PURE__*/React$1.memo(() => {
 });
 
 const _excluded = ["children", "instances", "colliderNodes", "position", "rotation", "quaternion", "scale"];
-const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  const object = React$1.useRef(null);
-  const instancedWrapper = React$1.useRef(null);
+const InstancedRigidBodies = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, ref) => {
+  const object = React.useRef(null);
+  const instancedWrapper = React.useRef(null);
 
   const {
     // instanced props
@@ -1731,8 +1731,8 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
   } = props,
         rigidBodyProps = _objectWithoutProperties(props, _excluded);
 
-  const rigidBodyApis = React$1.useRef([]);
-  React$1.useImperativeHandle(ref, () => rigidBodyApis.current, [instances]);
+  const rigidBodyApis = React.useRef([]);
+  React.useImperativeHandle(ref, () => rigidBodyApis.current, [instances]);
   const childColliderProps = useChildColliderProps(object, _objectSpread2(_objectSpread2({}, props), {}, {
     children: undefined
   }));
@@ -1747,7 +1747,7 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
     return undefined;
   };
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const instancedMesh = getInstancedMesh();
 
     if (instancedMesh) {
@@ -1789,7 +1789,7 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
   }, children), instances === null || instances === void 0 ? void 0 : instances.map((instance, index) => /*#__PURE__*/React__default["default"].createElement(RigidBody, _extends({}, rigidBodyProps, instance, {
     ref: body => rigidBodyApis.current[index] = body,
     transformState: state => applyInstancedState(state, index)
-  }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React__default["default"].createElement(React$1.Fragment, {
+  }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
     key: index
   }, node)), childColliderProps.map((colliderProps, colliderIndex) => /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({
     key: colliderIndex
@@ -1805,7 +1805,7 @@ const useImpulseJoint = (body1, body2, params) => {
   const {
     world
   } = useRapier();
-  const jointRef = React$1.useRef();
+  const jointRef = React.useRef();
   useImperativeInstance(() => {
     if (body1.current && body2.current) {
       const newJoint = world.createImpulseJoint(params, body1.current, body2.current);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var rapier3dCompat = require('@dimforge/rapier3d-compat');
 var fiber = require('@react-three/fiber');
-var React$1 = require('react');
+var React = require('react');
 var three = require('three');
 var useAsset = require('use-asset');
 var threeStdlib = require('three-stdlib');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React$1);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -167,7 +167,7 @@ const vectorToTuple = v => {
   return [v];
 };
 function useConst(initialValue) {
-  const ref = React$1.useRef();
+  const ref = React.useRef();
 
   if (ref.current === undefined) {
     ref.current = {
@@ -344,10 +344,10 @@ const setColliderOptions = (collider, options, states) => {
 };
 const useUpdateColliderOptions = (getCollider, 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(() => {
     const collider = getCollider();
     setColliderOptions(collider, props, states);
   }, mutablePropsAsFlatArray);
@@ -493,7 +493,7 @@ activeEvents = {}) => {
     onIntersectionExit,
     onContactForce
   } = props;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const collider = getCollider();
 
     if (collider) {
@@ -535,8 +535,8 @@ const cleanRigidBodyPropsForCollider = (props = {}) => {
 };
 
 const useMutableCallback = fn => {
-  const ref = React$1.useRef(fn);
-  React$1.useEffect(() => {
+  const ref = React.useRef(fn);
+  React.useEffect(() => {
     ref.current = fn;
   }, [fn]);
   return ref;
@@ -549,7 +549,7 @@ const useMutableCallback = fn => {
 
 
 const useRapier = () => {
-  return React$1.useContext(rapierContext);
+  return React.useContext(rapierContext);
 };
 /**
  * Registers a callback to be called before the physics step
@@ -561,7 +561,7 @@ const useBeforePhysicsStep = callback => {
     beforeStepCallbacks
   } = useRapier();
   const ref = useMutableCallback(callback);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     beforeStepCallbacks.add(ref);
     return () => {
       beforeStepCallbacks.delete(ref);
@@ -578,7 +578,7 @@ const useAfterPhysicsStep = callback => {
     afterStepCallbacks
   } = useRapier();
   const ref = useMutableCallback(callback);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     afterStepCallbacks.add(ref);
     return () => {
       afterStepCallbacks.delete(ref);
@@ -591,8 +591,8 @@ const useAfterPhysicsStep = callback => {
  */
 
 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) {
@@ -652,7 +652,7 @@ const applyAttractorForceOnRigidBody = (rigidBody, {
     }
   }
 };
-const Attractor = /*#__PURE__*/React$1.memo(props => {
+const Attractor = /*#__PURE__*/React.memo(props => {
   const {
     position = [0, 0, 0],
     strength = 1,
@@ -664,8 +664,8 @@ const Attractor = /*#__PURE__*/React$1.memo(props => {
   const {
     attractorStates
   } = useRapier();
-  const object = React$1.useRef(null);
-  React$1.useEffect(() => {
+  const object = React.useRef(null);
+  React.useEffect(() => {
     var _object$current;
 
     let uuid = ((_object$current = object.current) === null || _object$current === void 0 ? void 0 : _object$current.uuid) || "_";
@@ -692,13 +692,13 @@ const Attractor = /*#__PURE__*/React$1.memo(props => {
 });
 
 const useRaf = callback => {
-  const cb = React$1.useRef(callback);
-  const raf = React$1.useRef(0);
-  const lastFrame = React$1.useRef(0);
-  React$1.useEffect(() => {
+  const cb = React.useRef(callback);
+  const raf = React.useRef(0);
+  const lastFrame = React.useRef(0);
+  React.useEffect(() => {
     cb.current = callback;
   }, [callback]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const loop = () => {
       const now = performance.now();
       const delta = now - lastFrame.current;
@@ -736,17 +736,17 @@ const FrameStepper = ({
   type,
   updatePriority
 }) => {
-  return type === "independent" ? /*#__PURE__*/React.createElement(RafStepper, {
+  return type === "independent" ? /*#__PURE__*/React__default["default"].createElement(RafStepper, {
     onStep: onStep
-  }) : /*#__PURE__*/React.createElement(UseFrameStepper, {
+  }) : /*#__PURE__*/React__default["default"].createElement(UseFrameStepper, {
     onStep: onStep,
     updatePriority: updatePriority
   });
 };
 
-var FrameStepper$1 = /*#__PURE__*/React$1.memo(FrameStepper);
+var FrameStepper$1 = /*#__PURE__*/React.memo(FrameStepper);
 
-const rapierContext = /*#__PURE__*/React$1.createContext(undefined);
+const rapierContext = /*#__PURE__*/React.createContext(undefined);
 
 const getCollisionPayloadFromSource = (target, other) => {
   var _target$collider$stat, _target$rigidBody$sta, _other$collider$state, _other$rigidBody$stat, _other$collider$state2, _other$rigidBody$stat2;
@@ -795,8 +795,8 @@ const Physics = ({
   const {
     invalidate
   } = fiber.useThree();
-  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;
@@ -813,7 +813,7 @@ const Physics = ({
   const beforeStepCallbacks = useConst(() => new Set());
   const afterStepCallbacks = useConst(() => new Set()); // Init world
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = getWorldRef.current();
     return () => {
       if (world) {
@@ -823,15 +823,15 @@ const Physics = ({
     };
   }, []); // Update gravity
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const world = worldRef.current;
 
     if (world) {
       world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
-  const api = React$1.useMemo(() => createWorldApi(getWorldRef), []);
-  const getSourceFromColliderHandle = React$1.useCallback(handle => {
+  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
+  const getSourceFromColliderHandle = React.useCallback(handle => {
     const world = worldRef.current;
 
     if (world) {
@@ -859,11 +859,11 @@ const Physics = ({
       return source;
     }
   }, []);
-  const [steppingState] = React$1.useState({
+  const [steppingState] = React.useState({
     previousState: {},
     accumulator: 0
   });
-  const step = React$1.useCallback(dt => {
+  const step = React.useCallback(dt => {
     const world = worldRef.current;
     if (!world) return;
     /* Check if the timestep is supposed to be variable. We'll do this here
@@ -1079,7 +1079,7 @@ const Physics = ({
       invalidate();
     });
   }, [_paused, _timeStep, _interpolate]);
-  const context = React$1.useMemo(() => ({
+  const context = React.useMemo(() => ({
     rapier,
     world: api,
     physicsOptions: {
@@ -1096,7 +1096,7 @@ const Physics = ({
     isPaused: _paused,
     step
   }), [_paused, step]);
-  const stepCallback = React$1.useCallback(delta => {
+  const stepCallback = React.useCallback(delta => {
     if (!_paused) {
       step(delta);
     }
@@ -1132,15 +1132,15 @@ function _extends() {
  */
 
 const useImperativeInstance = (createFn, destroyFn) => {
-  const ref = React$1.useRef();
-  const refGetter = React$1.useMemo(() => () => {
+  const ref = React.useRef();
+  const refGetter = React.useMemo(() => () => {
     if (!ref.current) {
       ref.current = createFn();
     }
 
     return ref.current;
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const instance = refGetter();
     return () => {
       destroyFn(instance);
@@ -1207,7 +1207,7 @@ const euler = ({
  * A collider is a shape that can be attached to a rigid body to define its physical properties.
  * @internal
  */
-const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1222,7 +1222,7 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((
     colliderStates
   } = useRapier();
   const rigidBodyContext = useRigidBodyContext();
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   const getInstance = useImperativeInstance(() => {
     const worldScale = ref.current.getWorldScale(vec3());
     const collider = createColliderFromOptions(props, world, worldScale, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.getRigidBody);
@@ -1230,15 +1230,15 @@ const AnyCollider = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((
   }, collider => {
     world.removeCollider(collider);
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const collider = getInstance();
     colliderStates.set(collider.handle, createColliderState(collider, ref.current, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.ref.current));
     return () => {
       colliderStates.delete(collider.handle);
     };
   }, []);
-  React$1.useImperativeHandle(forwardedRef, () => getInstance());
-  const mergedProps = React$1.useMemo(() => {
+  React.useImperativeHandle(forwardedRef, () => getInstance());
+  const mergedProps = React.useMemo(() => {
     return _objectSpread2(_objectSpread2({}, cleanRigidBodyPropsForCollider(rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options)), props);
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(getInstance, mergedProps, colliderStates);
@@ -1475,10 +1475,10 @@ const setRigidBodyOptions = (rigidBody, options, states, updateTranslations = tr
 };
 const useUpdateRigidBodyOptions = (getRigidBody, 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(() => {
     const rigidBody = getRigidBody();
     setRigidBodyOptions(rigidBody, props, states, updateTranslations);
   }, mutablePropsAsFlatArray);
@@ -1502,7 +1502,7 @@ const useRigidBodyEvents = (getRigidBody, props, events) => {
     onIntersectionExit,
     onContactForce
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getRigidBody();
     events.set(rigidBody.handle, eventHandlers);
     return () => {
@@ -1512,14 +1512,14 @@ const useRigidBodyEvents = (getRigidBody, props, events) => {
 };
 
 const _excluded$1 = ["children", "type", "position", "rotation", "scale", "quaternion", "transformState"];
-const RigidBodyContext = /*#__PURE__*/React$1.createContext(undefined);
-const useRigidBodyContext = () => React$1.useContext(RigidBodyContext);
+const RigidBodyContext = /*#__PURE__*/React.createContext(undefined);
+const useRigidBodyContext = () => React.useContext(RigidBodyContext);
 
 /**
  * A rigid body is a physical object that can be simulated by the physics engine.
  * @category Components
  */
-const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, forwardedRef) => {
+const RigidBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
     children,
     type,
@@ -1531,14 +1531,14 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
   } = props,
         objectProps = _objectWithoutProperties(props, _excluded$1);
 
-  const ref = React$1.useRef(null);
+  const ref = React.useRef(null);
   const {
     world,
     rigidBodyStates,
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
-  const mergedOptions = React$1.useMemo(() => {
+  const mergedOptions = React.useMemo(() => {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, physicsOptions), props), {}, {
       children: undefined
     });
@@ -1553,7 +1553,7 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
     world.removeRigidBody(rigidBody);
   }); // Only provide a object state after the ref has been set
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const rigidBody = getInstance();
     const state = createRigidBodyState({
       rigidBody,
@@ -1566,8 +1566,8 @@ const RigidBody = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((pr
   }, []);
   useUpdateRigidBodyOptions(getInstance, mergedOptions, rigidBodyStates);
   useRigidBodyEvents(getInstance, mergedOptions, rigidBodyEvents);
-  React$1.useImperativeHandle(forwardedRef, () => getInstance());
-  const contextValue = React$1.useMemo(() => {
+  React.useImperativeHandle(forwardedRef, () => getInstance());
+  const contextValue = React.useMemo(() => {
     return {
       ref,
       getRigidBody: getInstance,
@@ -1593,7 +1593,7 @@ RigidBody.displayName = "RigidBody";
  * A mesh collider is a collider that is automatically generated from the geometry of the children.
  * @category Colliders
  */
-const MeshCollider = /*#__PURE__*/React$1.memo(props => {
+const MeshCollider = /*#__PURE__*/React.memo(props => {
   const {
     children,
     type
@@ -1601,11 +1601,11 @@ const MeshCollider = /*#__PURE__*/React$1.memo(props => {
   const {
     physicsOptions
   } = 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
@@ -1645,10 +1645,10 @@ const AttractorHelper = props => {
   const {
     scene
   } = fiber.useThree();
-  const ref = React$1.useRef(null);
-  const normalsHelper = React$1.useRef();
+  const ref = React.useRef(null);
+  const normalsHelper = React.useRef();
   const color = props.strength > 0 ? 0x0000ff : 0xff0000;
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (ref.current) {
       normalsHelper.current = new threeStdlib.VertexNormalsHelper(ref.current, props.range, color);
       normalsHelper.current.frustumCulled = false;
@@ -1682,14 +1682,14 @@ const AttractorHelper = props => {
   }));
 };
 
-const Debug = /*#__PURE__*/React$1.memo(() => {
+const Debug = /*#__PURE__*/React.memo(() => {
   const {
     world,
     attractorStates
   } = useRapier();
-  const ref = React$1.useRef(null);
-  const [attractors, setAttractors] = React$1.useState([]);
-  const currMap = React$1.useRef(new Map());
+  const ref = React.useRef(null);
+  const [attractors, setAttractors] = React.useState([]);
+  const currMap = React.useRef(new Map());
   fiber.useFrame(() => {
     const mesh = ref.current;
     if (!mesh) return;
@@ -1714,9 +1714,9 @@ const Debug = /*#__PURE__*/React$1.memo(() => {
 });
 
 const _excluded = ["children", "instances", "colliderNodes", "position", "rotation", "quaternion", "scale"];
-const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef((props, ref) => {
-  const object = React$1.useRef(null);
-  const instancedWrapper = React$1.useRef(null);
+const InstancedRigidBodies = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props, ref) => {
+  const object = React.useRef(null);
+  const instancedWrapper = React.useRef(null);
 
   const {
     // instanced props
@@ -1731,8 +1731,8 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
   } = props,
         rigidBodyProps = _objectWithoutProperties(props, _excluded);
 
-  const rigidBodyApis = React$1.useRef([]);
-  React$1.useImperativeHandle(ref, () => rigidBodyApis.current, [instances]);
+  const rigidBodyApis = React.useRef([]);
+  React.useImperativeHandle(ref, () => rigidBodyApis.current, [instances]);
   const childColliderProps = useChildColliderProps(object, _objectSpread2(_objectSpread2({}, props), {}, {
     children: undefined
   }));
@@ -1747,7 +1747,7 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
     return undefined;
   };
 
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const instancedMesh = getInstancedMesh();
 
     if (instancedMesh) {
@@ -1789,7 +1789,7 @@ const InstancedRigidBodies = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.for
   }, children), instances === null || instances === void 0 ? void 0 : instances.map((instance, index) => /*#__PURE__*/React__default["default"].createElement(RigidBody, _extends({}, rigidBodyProps, instance, {
     ref: body => rigidBodyApis.current[index] = body,
     transformState: state => applyInstancedState(state, index)
-  }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React__default["default"].createElement(React$1.Fragment, {
+  }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
     key: index
   }, node)), childColliderProps.map((colliderProps, colliderIndex) => /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({
     key: colliderIndex
@@ -1805,7 +1805,7 @@ const useImpulseJoint = (body1, body2, params) => {
   const {
     world
   } = useRapier();
-  const jointRef = React$1.useRef();
+  const jointRef = React.useRef();
   useImperativeInstance(() => {
     if (body1.current && body2.current) {
       const newJoint = world.createImpulseJoint(params, body1.current, body2.current);

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

@@ -1,7 +1,7 @@
 import { ActiveEvents, ColliderDesc, EventQueue, RigidBodyDesc } from '@dimforge/rapier3d-compat';
 export { CoefficientCombineRule, Collider as RapierCollider, RigidBody as RapierRigidBody } from '@dimforge/rapier3d-compat';
 import { useFrame, useThree } from '@react-three/fiber';
-import React$1, { useRef, useMemo, useEffect, useContext, useState, memo, createContext, useCallback, forwardRef, useImperativeHandle, Fragment } from 'react';
+import React, { useRef, useMemo, useEffect, useContext, useState, memo, createContext, useCallback, forwardRef, useImperativeHandle, Fragment } from 'react';
 import { Quaternion, Euler, Vector3, Object3D, Matrix4, MathUtils, BufferAttribute, DynamicDrawUsage } from 'three';
 import { useAsset } from 'use-asset';
 import { mergeVertices, VertexNormalsHelper } from 'three-stdlib';
@@ -660,7 +660,7 @@ const Attractor = /*#__PURE__*/memo(props => {
       attractorStates.delete(uuid);
     };
   }, [props]);
-  return /*#__PURE__*/React$1.createElement("object3D", {
+  return /*#__PURE__*/React.createElement("object3D", {
     ref: object,
     position: position
   });
@@ -1076,9 +1076,9 @@ const Physics = ({
       step(delta);
     }
   }, [_paused, step]);
-  return /*#__PURE__*/React$1.createElement(rapierContext.Provider, {
+  return /*#__PURE__*/React.createElement(rapierContext.Provider, {
     value: context
-  }, /*#__PURE__*/React$1.createElement(FrameStepper$1, {
+  }, /*#__PURE__*/React.createElement(FrameStepper$1, {
     onStep: stepCallback,
     type: _updateLoop,
     updatePriority: updatePriority
@@ -1218,7 +1218,7 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwarded
   }, [props, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options]);
   useUpdateColliderOptions(getInstance, mergedProps, colliderStates);
   useColliderEvents(getInstance, mergedProps, colliderEvents, getActiveCollisionEventsFromProps(rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.options));
-  return /*#__PURE__*/React$1.createElement("object3D", {
+  return /*#__PURE__*/React.createElement("object3D", {
     position: position,
     rotation: rotation,
     quaternion: quaternion,
@@ -1232,8 +1232,8 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwarded
  * A cuboid collider shape
  * @category Colliders
  */
-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
   }));
@@ -1243,8 +1243,8 @@ const CuboidCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1254,8 +1254,8 @@ const RoundCuboidCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1265,8 +1265,8 @@ const BallCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1276,8 +1276,8 @@ const CapsuleCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1287,8 +1287,8 @@ const HeightfieldCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1298,8 +1298,8 @@ const TrimeshCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1309,8 +1309,8 @@ const ConeCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1320,8 +1320,8 @@ const CylinderCollider = /*#__PURE__*/React$1.forwardRef((props, ref) => {
  * @category Colliders
  */
 
-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
   }));
@@ -1549,16 +1549,16 @@ const RigidBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwardedRe
       options: mergedOptions
     };
   }, [mergedOptions]);
-  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: ref
   }, 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)))));
 }));
@@ -1587,12 +1587,12 @@ const MeshCollider = /*#__PURE__*/memo(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))));
 });
@@ -1645,13 +1645,13 @@ const AttractorHelper = props => {
       (_normalsHelper$curren = normalsHelper.current) === null || _normalsHelper$curren === void 0 ? void 0 : _normalsHelper$curren.update();
     }
   });
-  return /*#__PURE__*/React$1.createElement("mesh", {
+  return /*#__PURE__*/React.createElement("mesh", {
     ref: ref,
     position: props.object.position,
     frustumCulled: false
-  }, /*#__PURE__*/React$1.createElement("sphereGeometry", {
+  }, /*#__PURE__*/React.createElement("sphereGeometry", {
     args: [0.2, 6, 6]
-  }), /*#__PURE__*/React$1.createElement("meshBasicMaterial", {
+  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
     color: color,
     wireframe: true
   }));
@@ -1677,13 +1677,13 @@ const Debug = /*#__PURE__*/memo(() => {
       currMap.current = new Map(attractorStates);
     }
   });
-  return /*#__PURE__*/React$1.createElement("group", null, /*#__PURE__*/React$1.createElement("lineSegments", {
+  return /*#__PURE__*/React.createElement("group", null, /*#__PURE__*/React.createElement("lineSegments", {
     ref: ref,
     frustumCulled: false
-  }, /*#__PURE__*/React$1.createElement("lineBasicMaterial", {
+  }, /*#__PURE__*/React.createElement("lineBasicMaterial", {
     color: 0xffffff,
     vertexColors: true
-  }), /*#__PURE__*/React$1.createElement("bufferGeometry", null)), attractors.map((attractor, i) => /*#__PURE__*/React$1.createElement(AttractorHelper, _extends({
+  }), /*#__PURE__*/React.createElement("bufferGeometry", null)), attractors.map((attractor, i) => /*#__PURE__*/React.createElement(AttractorHelper, _extends({
     key: attractor.object.uuid
   }, attractor))));
 });
@@ -1752,21 +1752,21 @@ const InstancedRigidBodies = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props,
     return state;
   };
 
-  return /*#__PURE__*/React$1.createElement("object3D", _extends({
+  return /*#__PURE__*/React.createElement("object3D", _extends({
     ref: object
   }, rigidBodyProps, {
     position: position,
     rotation: rotation,
     quaternion: quaternion,
     scale: scale
-  }), /*#__PURE__*/React$1.createElement("object3D", {
+  }), /*#__PURE__*/React.createElement("object3D", {
     ref: instancedWrapper
-  }, children), instances === null || instances === void 0 ? void 0 : instances.map((instance, index) => /*#__PURE__*/React$1.createElement(RigidBody, _extends({}, rigidBodyProps, instance, {
+  }, children), instances === null || instances === void 0 ? void 0 : instances.map((instance, index) => /*#__PURE__*/React.createElement(RigidBody, _extends({}, rigidBodyProps, instance, {
     ref: body => rigidBodyApis.current[index] = body,
     transformState: state => applyInstancedState(state, index)
-  }), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React$1.createElement(Fragment, {
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, colliderNodes.map((node, index) => /*#__PURE__*/React.createElement(Fragment, {
     key: index
-  }, node)), childColliderProps.map((colliderProps, colliderIndex) => /*#__PURE__*/React$1.createElement(AnyCollider, _extends({
+  }, node)), childColliderProps.map((colliderProps, colliderIndex) => /*#__PURE__*/React.createElement(AnyCollider, _extends({
     key: colliderIndex
   }, colliderProps)))))));
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/rapier",
-  "version": "0.14.0-rc.2",
+  "version": "0.14.0-rc.4",
   "source": "src/index.ts",
   "main": "dist/react-three-rapier.cjs.js",
   "module": "dist/react-three-rapier.esm.js",
@@ -31,7 +31,7 @@
     "three": ">=0.139.2"
   },
   "dependencies": {
-    "@dimforge/rapier3d-compat": "0.11.1",
+    "@dimforge/rapier3d-compat": "0.11.2",
     "three-stdlib": "2.21.6",
     "use-asset": "1.0.4"
   },