@react-three/rapier 1.3.1 → 1.5.0

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

@@ -6,45 +6,51 @@ import { Quaternion, Euler, Vector3, Object3D, Matrix4, BufferAttribute, MathUti
 import { suspend } from 'suspend-react';
 import { mergeVertices } from 'three-stdlib';
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
+  return ("string" === r ? String : Number)(t);
+}
 
-  return obj;
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
 
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-
-  return keys;
+  return t;
 }
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
-
-  return target;
+  return e;
 }
 
 const _quaternion = new Quaternion();
@@ -92,41 +98,33 @@ const rigidBodyTypeMap = {
 const rigidBodyTypeFromString = type => rigidBodyTypeMap[type];
 const scaleVertices = (vertices, scale) => {
   const scaledVerts = Array.from(vertices);
-
   for (let i = 0; i < vertices.length / 3; i++) {
     scaledVerts[i * 3] *= scale.x;
     scaledVerts[i * 3 + 1] *= scale.y;
     scaledVerts[i * 3 + 2] *= scale.z;
   }
-
   return scaledVerts;
 };
 const vectorToTuple = v => {
   if (!v) return [0];
-
   if (v instanceof Quaternion) {
     return [v.x, v.y, v.z, v.w];
   }
-
   if (v instanceof Vector3 || v instanceof Euler) {
     return [v.x, v.y, v.z];
   }
-
   if (Array.isArray(v)) {
     return v;
   }
-
   return [v];
 };
 function useConst(initialValue) {
   const ref = useRef();
-
   if (ref.current === undefined) {
     ref.current = {
       value: typeof initialValue === "function" ? initialValue() : initialValue
     };
   }
-
   return ref.current.value;
 }
 
@@ -145,7 +143,6 @@ const useRaf = callback => {
       cb.current(delta / 1000);
       lastFrame.current = now;
     };
-
     raf.current = requestAnimationFrame(loop);
     return () => cancelAnimationFrame(raf.current);
   }, []);
@@ -160,7 +157,6 @@ const UseFrameStepper = ({
   }, updatePriority);
   return null;
 };
-
 const RafStepper = ({
   onStep
 }) => {
@@ -169,7 +165,6 @@ const RafStepper = ({
   });
   return null;
 };
-
 const FrameStepper = ({
   onStep,
   type,
@@ -182,98 +177,80 @@ const FrameStepper = ({
     updatePriority: updatePriority
   });
 };
-
 var FrameStepper$1 = /*#__PURE__*/memo(FrameStepper);
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-
-  return target;
+  return t;
 }
 
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
-
-  return target;
+  return i;
 }
 
-const _excluded$2 = ["mass", "linearDamping", "angularDamping", "type", "onCollisionEnter", "onCollisionExit", "onIntersectionEnter", "onIntersectionExit", "onContactForce", "children", "canSleep", "ccd", "gravityScale"];
+const _excluded$2 = ["mass", "linearDamping", "angularDamping", "type", "onCollisionEnter", "onCollisionExit", "onIntersectionEnter", "onIntersectionExit", "onContactForce", "children", "canSleep", "ccd", "gravityScale", "softCcdPrediction"];
 const scaleColliderArgs = (shape, args, scale) => {
-  const newArgs = args.slice(); // Heightfield uses a vector
+  const newArgs = args.slice();
 
+  // Heightfield uses a vector
   if (shape === "heightfield") {
     const s = newArgs[3];
     s.x *= scale.x;
     s.x *= scale.y;
     s.x *= scale.z;
     return newArgs;
-  } // Trimesh and convex scale the vertices
-
+  }
 
+  // Trimesh and convex scale the vertices
   if (shape === "trimesh" || shape === "convexHull") {
     newArgs[0] = scaleVertices(newArgs[0], scale);
     return newArgs;
-  } // Prepfill with some extra
-
+  }
 
+  // Prepfill with some extra
   const scaleArray = [scale.x, scale.y, scale.z, scale.x, scale.x];
   return newArgs.map((arg, index) => scaleArray[index] * arg);
 };
 const createColliderFromOptions = (options, world, scale, getRigidBody) => {
-  const scaledArgs = scaleColliderArgs(options.shape, options.args, scale); // @ts-ignore
-
+  const scaledArgs = scaleColliderArgs(options.shape, options.args, scale);
+  // @ts-ignore
   const desc = ColliderDesc[options.shape](...scaledArgs);
   return world.createCollider(desc, getRigidBody === null || getRigidBody === void 0 ? void 0 : getRigidBody());
 };
 const immutableColliderOptions = ["shape", "args"];
 const massPropertiesConflictError = "Please pick ONLY ONE of the `density`, `mass` and `massProperties` options.";
-
 const setColliderMassOptions = (collider, options) => {
   if (options.density !== undefined) {
     if (options.mass !== undefined || options.massProperties !== undefined) {
       throw new Error(massPropertiesConflictError);
     }
-
     collider.setDensity(options.density);
     return;
   }
-
   if (options.mass !== undefined) {
     if (options.massProperties !== undefined) {
       throw new Error(massPropertiesConflictError);
     }
-
     collider.setMass(options.mass);
     return;
   }
-
   if (options.massProperties !== undefined) {
     collider.setMassProperties(options.massProperties.mass, options.massProperties.centerOfMass, options.massProperties.principalAngularInertia, options.massProperties.angularInertiaLocalFrame);
   }
 };
-
 const mutableColliderOptions = {
   sensor: (collider, value) => {
     collider.setSensor(value);
@@ -296,6 +273,12 @@ const mutableColliderOptions = {
   restitutionCombineRule: (collider, value) => {
     collider.setRestitutionCombineRule(value);
   },
+  activeCollisionTypes: (collider, value) => {
+    collider.setActiveCollisionTypes(value);
+  },
+  contactSkin: (collider, value) => {
+    collider.setContactSkin(value);
+  },
   // To make sure the options all mutable options are listed
   quaternion: () => {},
   position: () => {},
@@ -305,23 +288,17 @@ const mutableColliderOptions = {
 const mutableColliderOptionKeys = Object.keys(mutableColliderOptions);
 const setColliderOptions = (collider, options, states) => {
   const state = states.get(collider.handle);
-
   if (state) {
     var _state$worldParent;
-
     // Update collider position based on the object's position
     const parentWorldScale = state.object.parent.getWorldScale(_vector3);
     const parentInvertedWorldMatrix = (_state$worldParent = state.worldParent) === null || _state$worldParent === void 0 ? void 0 : _state$worldParent.matrixWorld.clone().invert();
     state.object.updateWorldMatrix(true, false);
-
     _matrix4.copy(state.object.matrixWorld);
-
     if (parentInvertedWorldMatrix) {
       _matrix4.premultiply(parentInvertedWorldMatrix);
     }
-
     _matrix4.decompose(_position, _rotation, _scale);
-
     if (collider.parent()) {
       collider.setTranslationWrtParent({
         x: _position.x * parentWorldScale.x,
@@ -337,16 +314,17 @@ const setColliderOptions = (collider, options, states) => {
       });
       collider.setRotation(_rotation);
     }
-
     mutableColliderOptionKeys.forEach(key => {
       if (key in options) {
         const option = options[key];
-        mutableColliderOptions[key](collider, // @ts-ignore Option does not want to fit into the function, but it will
+        mutableColliderOptions[key](collider,
+        // @ts-ignore Option does not want to fit into the function, but it will
         option, options);
       }
-    }); // handle mass separately, because the assignments
-    // are exclusive.
+    });
 
+    // handle mass separately, because the assignments
+    // are exclusive.
     setColliderMassOptions(collider, options);
   }
 };
@@ -360,7 +338,6 @@ const useUpdateColliderOptions = (getCollider, props, states) => {
     setColliderOptions(collider, props, states);
   }, [...mutablePropsAsFlatArray, getCollider]);
 };
-
 const isChildOfMeshCollider = child => {
   let flag = false;
   child.traverseAncestors(a => {
@@ -368,7 +345,6 @@ const isChildOfMeshCollider = child => {
   });
   return flag;
 };
-
 const createColliderState = (collider, object, rigidBodyObject) => {
   return {
     collider,
@@ -390,16 +366,13 @@ const createColliderPropsFromChildren = ({
   const childColliderProps = [];
   object.updateWorldMatrix(true, false);
   const invertedParentMatrixWorld = object.matrixWorld.clone().invert();
-
   const colliderFromChild = child => {
     if ("isMesh" in child) {
       if (_ignoreMeshColliders && isChildOfMeshCollider(child)) return;
       const worldScale = child.getWorldScale(_scale);
       const shape = autoColliderMap[options.colliders || "cuboid"];
       child.updateWorldMatrix(true, false);
-
       _matrix4.copy(child.matrixWorld).premultiply(invertedParentMatrixWorld).decompose(_position, _rotation, _scale);
-
       const rotationEuler = new Euler().setFromQuaternion(_rotation, "XYZ");
       const {
         geometry
@@ -408,7 +381,6 @@ const createColliderPropsFromChildren = ({
         args,
         offset
       } = getColliderArgsFromGeometry(geometry, options.colliders || "cuboid");
-
       const colliderProps = _objectSpread2(_objectSpread2({}, cleanRigidBodyPropsForCollider(options)), {}, {
         args: args,
         shape: shape,
@@ -416,17 +388,14 @@ const createColliderPropsFromChildren = ({
         position: [_position.x + offset.x * worldScale.x, _position.y + offset.y * worldScale.y, _position.z + offset.z * worldScale.z],
         scale: [worldScale.x, worldScale.y, worldScale.z]
       });
-
       childColliderProps.push(colliderProps);
     }
   };
-
   if (options.includeInvisible) {
     object.traverse(colliderFromChild);
   } else {
     object.traverseVisible(colliderFromChild);
   }
-
   return childColliderProps;
 };
 const getColliderArgsFromGeometry = (geometry, colliders) => {
@@ -443,7 +412,6 @@ const getColliderArgsFromGeometry = (geometry, colliders) => {
           offset: boundingBox.getCenter(new Vector3())
         };
       }
-
     case "ball":
       {
         geometry.computeBoundingSphere();
@@ -456,18 +424,15 @@ const getColliderArgsFromGeometry = (geometry, colliders) => {
           offset: boundingSphere.center
         };
       }
-
     case "trimesh":
       {
         var _clonedGeometry$index;
-
         const clonedGeometry = geometry.index ? geometry.clone() : mergeVertices(geometry);
         return {
           args: [clonedGeometry.attributes.position.array, (_clonedGeometry$index = clonedGeometry.index) === null || _clonedGeometry$index === void 0 ? void 0 : _clonedGeometry$index.array],
           offset: new Vector3()
         };
       }
-
     case "hull":
       {
         const g = geometry.clone();
@@ -477,7 +442,6 @@ const getColliderArgsFromGeometry = (geometry, colliders) => {
         };
       }
   }
-
   return {
     args: [],
     offset: new Vector3()
@@ -503,7 +467,6 @@ activeEvents = {}) => {
   } = props;
   useEffect(() => {
     const collider = getCollider();
-
     if (collider) {
       const {
         collision: collisionEventsActive,
@@ -511,7 +474,6 @@ activeEvents = {}) => {
       } = getActiveCollisionEventsFromProps(props);
       const hasCollisionEvent = collisionEventsActive || activeEvents.collision;
       const hasContactForceEvent = contactForceEventsActive || activeEvents.contactForce;
-
       if (hasCollisionEvent && hasContactForceEvent) {
         collider.setActiveEvents(ActiveEvents.COLLISION_EVENTS | ActiveEvents.CONTACT_FORCE_EVENTS);
       } else if (hasCollisionEvent) {
@@ -519,7 +481,6 @@ activeEvents = {}) => {
       } else if (hasContactForceEvent) {
         collider.setActiveEvents(ActiveEvents.CONTACT_FORCE_EVENTS);
       }
-
       events.set(collider.handle, {
         onCollisionEnter,
         onCollisionExit,
@@ -528,7 +489,6 @@ activeEvents = {}) => {
         onContactForce
       });
     }
-
     return () => {
       if (collider) {
         events.delete(collider.handle);
@@ -538,34 +498,33 @@ activeEvents = {}) => {
 };
 const cleanRigidBodyPropsForCollider = (props = {}) => {
   const rest = _objectWithoutProperties(props, _excluded$2);
-
   return rest;
 };
 
+// Utils
 const useMutableCallback = fn => {
   const ref = useRef(fn);
   useEffect(() => {
     ref.current = fn;
   }, [fn]);
   return ref;
-}; // External hooks
+};
 
+// External hooks
 /**
  * Exposes the Rapier context, and world
  * @category Hooks
  */
-
-
 const useRapier = () => {
   const rapier = useContext(rapierContext);
   if (!rapier) throw new Error("react-three-rapier: useRapier must be used within <Physics />!");
   return rapier;
 };
+
 /**
  * Registers a callback to be called before the physics step
  * @category Hooks
  */
-
 const useBeforePhysicsStep = callback => {
   const {
     beforeStepCallbacks
@@ -578,11 +537,11 @@ const useBeforePhysicsStep = callback => {
     };
   }, []);
 };
+
 /**
  * Registers a callback to be called after the physics step
  * @category Hooks
  */
-
 const useAfterPhysicsStep = callback => {
   const {
     afterStepCallbacks
@@ -594,17 +553,16 @@ const useAfterPhysicsStep = callback => {
       afterStepCallbacks.delete(ref);
     };
   }, []);
-}; // Internal hooks
+};
 
+// Internal hooks
 /**
  * @internal
  */
-
 const useChildColliderProps = (ref, options, ignoreMeshColliders = true) => {
   const [colliderProps, setColliderProps] = useState([]);
   useEffect(() => {
     const object = ref.current;
-
     if (object && options.colliders !== false) {
       setColliderProps(createColliderPropsFromChildren({
         object: ref.current,
@@ -650,33 +608,26 @@ const createSingletonProxy = createInstance => {
       if (!instance) {
         instance = createInstance();
       }
-
       return Reflect.get(instance, prop);
     },
-
     set(target, prop, value) {
       if (!instance) {
         instance = createInstance();
       }
-
       return Reflect.set(instance, prop, value);
     }
-
   };
   const proxy = new Proxy({}, handler);
-
   const reset = () => {
     instance = undefined;
   };
-
   const set = newInstance => {
     instance = newInstance;
   };
+
   /**
    * Return the proxy and a reset function
    */
-
-
   return {
     proxy,
     reset,
@@ -685,10 +636,8 @@ const createSingletonProxy = createInstance => {
 };
 
 const rapierContext = /*#__PURE__*/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;
-
   return {
     target: {
       rigidBody: target.rigidBody.object,
@@ -708,13 +657,11 @@ const getCollisionPayloadFromSource = (target, other) => {
     rigidBodyObject: (_other$rigidBody$stat2 = other.rigidBody.state) === null || _other$rigidBody$stat2 === void 0 ? void 0 : _other$rigidBody$stat2.object
   };
 };
-
 const importRapier = async () => {
   let r = await import('@dimforge/rapier3d-compat');
   await r.init();
   return r;
 };
-
 /**
  * The main physics component used to create a physics world.
  * @category Components
@@ -737,7 +684,8 @@ const Physics = props => {
     numInternalPgsIterations = 1,
     minIslandSize = 128,
     maxCcdSubsteps = 1,
-    erp = 0.8
+    contactNaturalFrequency = 30,
+    lengthUnit = 1
   } = props;
   const rapier = suspend(importRapier, ["@react-thee/rapier", importRapier]);
   const {
@@ -750,12 +698,12 @@ const Physics = props => {
   const eventQueue = useConst(() => new EventQueue(false));
   const beforeStepCallbacks = useConst(() => new Set());
   const afterStepCallbacks = useConst(() => new Set());
+
   /**
    * Initiate the world
    * This creates a singleton proxy, so that the world is only created when
    * something within it is accessed.
    */
-
   const {
     proxy: worldProxy,
     reset: resetWorldProxy,
@@ -766,22 +714,23 @@ const Physics = props => {
       worldProxy.free();
       resetWorldProxy();
     };
-  }, []); // Update mutable props
+  }, []);
 
+  // Update mutable props
   useEffect(() => {
     worldProxy.gravity = vector3ToRapierVector(gravity);
     worldProxy.integrationParameters.numSolverIterations = numSolverIterations;
     worldProxy.integrationParameters.numAdditionalFrictionIterations = numAdditionalFrictionIterations;
     worldProxy.integrationParameters.numInternalPgsIterations = numInternalPgsIterations;
-    worldProxy.integrationParameters.allowedLinearError = allowedLinearError;
+    worldProxy.integrationParameters.normalizedAllowedLinearError = allowedLinearError;
     worldProxy.integrationParameters.minIslandSize = minIslandSize;
     worldProxy.integrationParameters.maxCcdSubsteps = maxCcdSubsteps;
-    worldProxy.integrationParameters.predictionDistance = predictionDistance;
-    worldProxy.integrationParameters.erp = erp;
-  }, [worldProxy, ...gravity, numSolverIterations, numAdditionalFrictionIterations, numInternalPgsIterations, allowedLinearError, minIslandSize, maxCcdSubsteps, predictionDistance, erp]);
+    worldProxy.integrationParameters.normalizedPredictionDistance = predictionDistance;
+    worldProxy.lengthUnit = lengthUnit;
+    worldProxy.integrationParameters.contact_natural_frequency = contactNaturalFrequency;
+  }, [worldProxy, ...gravity, numSolverIterations, numAdditionalFrictionIterations, numInternalPgsIterations, allowedLinearError, minIslandSize, maxCcdSubsteps, predictionDistance, lengthUnit, contactNaturalFrequency]);
   const getSourceFromColliderHandle = useCallback(handle => {
     var _collider$parent;
-
     const collider = worldProxy.getCollider(handle);
     const colEvents = colliderEvents.get(handle);
     const colliderState = colliderStates.get(handle);
@@ -809,37 +758,36 @@ const Physics = props => {
   });
   const step = useCallback(dt => {
     const world = worldProxy;
+
     /* Check if the timestep is supposed to be variable. We'll do this here
       once so we don't have to string-check every frame. */
-
     const timeStepVariable = timeStep === "vary";
+
     /**
      * Fixed timeStep simulation progression
      * @see https://gafferongames.com/post/fix_your_timestep/
      */
 
     const clampedDelta = MathUtils.clamp(dt, 0, 0.5);
-
     const stepWorld = delta => {
       // Trigger beforeStep callbacks
       beforeStepCallbacks.forEach(callback => {
         callback.current(world);
       });
       world.timestep = delta;
-      world.step(eventQueue); // Trigger afterStep callbacks
+      world.step(eventQueue);
 
+      // Trigger afterStep callbacks
       afterStepCallbacks.forEach(callback => {
         callback.current(world);
       });
     };
-
     if (timeStepVariable) {
       stepWorld(clampedDelta);
     } else {
       // don't step time forwards if paused
       // Increase accumulator
       steppingState.accumulator += clampedDelta;
-
       while (steppingState.accumulator >= timeStep) {
         // Set up previous state
         // needed for accurate interpolations if the world steps more than once
@@ -852,57 +800,48 @@ const Physics = props => {
             };
           });
         }
-
         stepWorld(timeStep);
         steppingState.accumulator -= timeStep;
       }
     }
+    const interpolationAlpha = timeStepVariable || !interpolate || paused ? 1 : steppingState.accumulator / timeStep;
 
-    const interpolationAlpha = timeStepVariable || !interpolate || paused ? 1 : steppingState.accumulator / timeStep; // Update meshes
-
+    // Update meshes
     rigidBodyStates.forEach((state, handle) => {
       const rigidBody = world.getRigidBody(handle);
       const events = rigidBodyEvents.get(handle);
-
       if (events !== null && events !== void 0 && events.onSleep || events !== null && events !== void 0 && events.onWake) {
         if (rigidBody.isSleeping() && !state.isSleeping) {
           var _events$onSleep;
-
           events === null || events === void 0 ? void 0 : (_events$onSleep = events.onSleep) === null || _events$onSleep === void 0 ? void 0 : _events$onSleep.call(events);
         }
-
         if (!rigidBody.isSleeping() && state.isSleeping) {
           var _events$onWake;
-
           events === null || events === void 0 ? void 0 : (_events$onWake = events.onWake) === null || _events$onWake === void 0 ? void 0 : _events$onWake.call(events);
         }
-
         state.isSleeping = rigidBody.isSleeping();
       }
-
       if (!rigidBody || rigidBody.isSleeping() && !("isInstancedMesh" in state.object) || !state.setMatrix) {
         return;
-      } // New states
-
+      }
 
+      // New states
       let t = rigidBody.translation();
       let r = rigidBody.rotation();
       let previousState = steppingState.previousState[handle];
-
       if (previousState) {
         // Get previous simulated world position
-        _matrix4.compose(previousState.position, rapierQuaternionToQuaternion(previousState.rotation), state.scale).premultiply(state.invertedWorldMatrix).decompose(_position, _rotation, _scale); // Apply previous tick position
-
+        _matrix4.compose(previousState.position, rapierQuaternionToQuaternion(previousState.rotation), state.scale).premultiply(state.invertedWorldMatrix).decompose(_position, _rotation, _scale);
 
+        // Apply previous tick position
         if (state.meshType == "mesh") {
           state.object.position.copy(_position);
           state.object.quaternion.copy(_rotation);
         }
-      } // Get new position
-
+      }
 
+      // Get new position
       _matrix4.compose(t, rapierQuaternionToQuaternion(r), state.scale).premultiply(state.invertedWorldMatrix).decompose(_position, _rotation, _scale);
-
       if (state.meshType == "instancedMesh") {
         state.setMatrix(_matrix4);
       } else {
@@ -913,19 +852,17 @@ const Physics = props => {
     });
     eventQueue.drainCollisionEvents((handle1, handle2, started) => {
       const source1 = getSourceFromColliderHandle(handle1);
-      const source2 = getSourceFromColliderHandle(handle2); // Collision Events
+      const source2 = getSourceFromColliderHandle(handle2);
 
+      // Collision Events
       if (!(source1 !== null && source1 !== void 0 && source1.collider.object) || !(source2 !== null && source2 !== void 0 && source2.collider.object)) {
         return;
       }
-
       const collisionPayload1 = getCollisionPayloadFromSource(source1, source2);
       const collisionPayload2 = getCollisionPayloadFromSource(source2, source1);
-
       if (started) {
         world.contactPair(source1.collider.object, source2.collider.object, (manifold, flipped) => {
           var _source1$rigidBody$ev, _source1$rigidBody$ev2, _source2$rigidBody$ev, _source2$rigidBody$ev2, _source1$collider$eve, _source1$collider$eve2, _source2$collider$eve, _source2$collider$eve2;
-
           /* RigidBody events */
           (_source1$rigidBody$ev = source1.rigidBody.events) === null || _source1$rigidBody$ev === void 0 ? void 0 : (_source1$rigidBody$ev2 = _source1$rigidBody$ev.onCollisionEnter) === null || _source1$rigidBody$ev2 === void 0 ? void 0 : _source1$rigidBody$ev2.call(_source1$rigidBody$ev, _objectSpread2(_objectSpread2({}, collisionPayload1), {}, {
             manifold,
@@ -935,8 +872,8 @@ const Physics = props => {
             manifold,
             flipped
           }));
-          /* Collider events */
 
+          /* Collider events */
           (_source1$collider$eve = source1.collider.events) === null || _source1$collider$eve === void 0 ? void 0 : (_source1$collider$eve2 = _source1$collider$eve.onCollisionEnter) === null || _source1$collider$eve2 === void 0 ? void 0 : _source1$collider$eve2.call(_source1$collider$eve, _objectSpread2(_objectSpread2({}, collisionPayload1), {}, {
             manifold,
             flipped
@@ -948,18 +885,16 @@ const Physics = props => {
         });
       } else {
         var _source1$rigidBody$ev3, _source1$rigidBody$ev4, _source2$rigidBody$ev3, _source2$rigidBody$ev4, _source1$collider$eve3, _source1$collider$eve4, _source2$collider$eve3, _source2$collider$eve4;
-
         (_source1$rigidBody$ev3 = source1.rigidBody.events) === null || _source1$rigidBody$ev3 === void 0 ? void 0 : (_source1$rigidBody$ev4 = _source1$rigidBody$ev3.onCollisionExit) === null || _source1$rigidBody$ev4 === void 0 ? void 0 : _source1$rigidBody$ev4.call(_source1$rigidBody$ev3, collisionPayload1);
         (_source2$rigidBody$ev3 = source2.rigidBody.events) === null || _source2$rigidBody$ev3 === void 0 ? void 0 : (_source2$rigidBody$ev4 = _source2$rigidBody$ev3.onCollisionExit) === null || _source2$rigidBody$ev4 === void 0 ? void 0 : _source2$rigidBody$ev4.call(_source2$rigidBody$ev3, collisionPayload2);
         (_source1$collider$eve3 = source1.collider.events) === null || _source1$collider$eve3 === void 0 ? void 0 : (_source1$collider$eve4 = _source1$collider$eve3.onCollisionExit) === null || _source1$collider$eve4 === void 0 ? void 0 : _source1$collider$eve4.call(_source1$collider$eve3, collisionPayload1);
         (_source2$collider$eve3 = source2.collider.events) === null || _source2$collider$eve3 === void 0 ? void 0 : (_source2$collider$eve4 = _source2$collider$eve3.onCollisionExit) === null || _source2$collider$eve4 === void 0 ? void 0 : _source2$collider$eve4.call(_source2$collider$eve3, collisionPayload2);
-      } // Sensor Intersections
-
+      }
 
+      // Sensor Intersections
       if (started) {
         if (world.intersectionPair(source1.collider.object, source2.collider.object)) {
           var _source1$rigidBody$ev5, _source1$rigidBody$ev6, _source2$rigidBody$ev5, _source2$rigidBody$ev6, _source1$collider$eve5, _source1$collider$eve6, _source2$collider$eve5, _source2$collider$eve6;
-
           (_source1$rigidBody$ev5 = source1.rigidBody.events) === null || _source1$rigidBody$ev5 === void 0 ? void 0 : (_source1$rigidBody$ev6 = _source1$rigidBody$ev5.onIntersectionEnter) === null || _source1$rigidBody$ev6 === void 0 ? void 0 : _source1$rigidBody$ev6.call(_source1$rigidBody$ev5, collisionPayload1);
           (_source2$rigidBody$ev5 = source2.rigidBody.events) === null || _source2$rigidBody$ev5 === void 0 ? void 0 : (_source2$rigidBody$ev6 = _source2$rigidBody$ev5.onIntersectionEnter) === null || _source2$rigidBody$ev6 === void 0 ? void 0 : _source2$rigidBody$ev6.call(_source2$rigidBody$ev5, collisionPayload2);
           (_source1$collider$eve5 = source1.collider.events) === null || _source1$collider$eve5 === void 0 ? void 0 : (_source1$collider$eve6 = _source1$collider$eve5.onIntersectionEnter) === null || _source1$collider$eve6 === void 0 ? void 0 : _source1$collider$eve6.call(_source1$collider$eve5, collisionPayload1);
@@ -967,7 +902,6 @@ const Physics = props => {
         }
       } else {
         var _source1$rigidBody$ev7, _source1$rigidBody$ev8, _source2$rigidBody$ev7, _source2$rigidBody$ev8, _source1$collider$eve7, _source1$collider$eve8, _source2$collider$eve7, _source2$collider$eve8;
-
         (_source1$rigidBody$ev7 = source1.rigidBody.events) === null || _source1$rigidBody$ev7 === void 0 ? void 0 : (_source1$rigidBody$ev8 = _source1$rigidBody$ev7.onIntersectionExit) === null || _source1$rigidBody$ev8 === void 0 ? void 0 : _source1$rigidBody$ev8.call(_source1$rigidBody$ev7, collisionPayload1);
         (_source2$rigidBody$ev7 = source2.rigidBody.events) === null || _source2$rigidBody$ev7 === void 0 ? void 0 : (_source2$rigidBody$ev8 = _source2$rigidBody$ev7.onIntersectionExit) === null || _source2$rigidBody$ev8 === void 0 ? void 0 : _source2$rigidBody$ev8.call(_source2$rigidBody$ev7, collisionPayload2);
         (_source1$collider$eve7 = source1.collider.events) === null || _source1$collider$eve7 === void 0 ? void 0 : (_source1$collider$eve8 = _source1$collider$eve7.onIntersectionExit) === null || _source1$collider$eve8 === void 0 ? void 0 : _source1$collider$eve8.call(_source1$collider$eve7, collisionPayload1);
@@ -976,14 +910,13 @@ const Physics = props => {
     });
     eventQueue.drainContactForceEvents(event => {
       var _source1$rigidBody$ev9, _source1$rigidBody$ev10, _source2$rigidBody$ev9, _source2$rigidBody$ev10, _source1$collider$eve9, _source1$collider$eve10, _source2$collider$eve9, _source2$collider$eve10;
-
       const source1 = getSourceFromColliderHandle(event.collider1());
-      const source2 = getSourceFromColliderHandle(event.collider2()); // Collision Events
+      const source2 = getSourceFromColliderHandle(event.collider2());
 
+      // Collision Events
       if (!(source1 !== null && source1 !== void 0 && source1.collider.object) || !(source2 !== null && source2 !== void 0 && source2.collider.object)) {
         return;
       }
-
       const collisionPayload1 = getCollisionPayloadFromSource(source1, source2);
       const collisionPayload2 = getCollisionPayloadFromSource(source2, source1);
       (_source1$rigidBody$ev9 = source1.rigidBody.events) === null || _source1$rigidBody$ev9 === void 0 ? void 0 : (_source1$rigidBody$ev10 = _source1$rigidBody$ev9.onContactForce) === null || _source1$rigidBody$ev10 === void 0 ? void 0 : _source1$rigidBody$ev10.call(_source1$rigidBody$ev9, _objectSpread2(_objectSpread2({}, collisionPayload1), {}, {
@@ -1050,41 +983,30 @@ const Physics = props => {
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 /**
  * Initiate an instance and return a safe getter
  */
-
 const useImperativeInstance = (createFn, destroyFn, dependencyList) => {
   const ref = useRef();
   const getInstance = useCallback(() => {
     if (!ref.current) {
       ref.current = createFn();
     }
-
     return ref.current;
   }, dependencyList);
   useEffect(() => {
     // Save the destroy function and instance
     const instance = getInstance();
-
     const destroy = () => destroyFn(instance);
-
     return () => {
       destroy();
       ref.current = undefined;
@@ -1097,7 +1019,6 @@ const useImperativeInstance = (createFn, destroyFn, dependencyList) => {
  * Takes an object resembling a Vector3 and returs a Three.Vector3
  * @category Math helpers
  */
-
 const vec3 = ({
   x,
   y,
@@ -1109,11 +1030,11 @@ const vec3 = ({
 }) => {
   return new Vector3(x, y, z);
 };
+
 /**
  * Takes an object resembling a Quaternion and returs a Three.Quaternion
  * @category Math helpers
  */
-
 const quat = ({
   x,
   y,
@@ -1127,11 +1048,11 @@ const quat = ({
 }) => {
   return new Quaternion(x, y, z, w);
 };
+
 /**
  * Takes an object resembling an Euler and returs a Three.Euler
  * @category Math helpers
  */
-
 const euler = ({
   x,
   y,
@@ -1144,17 +1065,17 @@ const euler = ({
   return new Euler(x, y, z);
 };
 
+// Need to catch the case where forwardedRef is a function... how to do that?
 const useForwardedRef = (forwardedRef, defaultValue = null) => {
-  const innerRef = useRef(defaultValue); // Update the forwarded ref when the inner ref changes
+  const innerRef = useRef(defaultValue);
 
+  // Update the forwarded ref when the inner ref changes
   if (forwardedRef && typeof forwardedRef !== "function") {
     if (!forwardedRef.current) {
       forwardedRef.current = innerRef.current;
     }
-
     return forwardedRef;
   }
-
   return innerRef;
 };
 
@@ -1162,7 +1083,7 @@ const useForwardedRef = (forwardedRef, defaultValue = null) => {
  * A collider is a shape that can be attached to a rigid body to define its physical properties.
  * @internal
  */
-const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwardedRef) => {
+const AnyCollider = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     children,
     position,
@@ -1178,17 +1099,16 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwarded
   } = useRapier();
   const rigidBodyContext = useRigidBodyContext();
   const colliderRef = useForwardedRef(forwardedRef);
-  const objectRef = useRef(null); // We spread the props out here to make sure that the ref is updated when the props change.
+  const objectRef = useRef(null);
 
+  // We spread the props out here to make sure that the ref is updated when the props change.
   const immutablePropArray = immutableColliderOptions.flatMap(key => Array.isArray(props[key]) ? [...props[key]] : props[key]);
   const getInstance = useImperativeInstance(() => {
     const worldScale = objectRef.current.getWorldScale(vec3());
     const collider = createColliderFromOptions(props, world, worldScale, rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.getRigidBody);
-
     if (typeof forwardedRef == "function") {
       forwardedRef(collider);
     }
-
     colliderRef.current = collider;
     return collider;
   }, collider => {
@@ -1217,7 +1137,6 @@ const AnyCollider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwarded
     name: name
   }, children);
 }));
-
 /**
  * A cuboid collider shape
  * @category Colliders
@@ -1229,7 +1148,6 @@ const CuboidCollider = /*#__PURE__*/React.forwardRef((props, ref) => {
   }));
 });
 CuboidCollider.displayName = "CuboidCollider";
-
 /**
  * A round cuboid collider shape
  * @category Colliders
@@ -1239,7 +1157,6 @@ const RoundCuboidCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 RoundCuboidCollider.displayName = "RoundCuboidCollider";
-
 /**
  * A ball collider shape
  * @category Colliders
@@ -1249,7 +1166,6 @@ const BallCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/
   ref: ref
 })));
 BallCollider.displayName = "BallCollider";
-
 /**
  * A capsule collider shape
  * @category Colliders
@@ -1259,7 +1175,6 @@ const CapsuleCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE_
   ref: ref
 })));
 CapsuleCollider.displayName = "CapsuleCollider";
-
 /**
  * A heightfield collider shape
  * @category Colliders
@@ -1269,7 +1184,6 @@ const HeightfieldCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 HeightfieldCollider.displayName = "HeightfieldCollider";
-
 /**
  * A trimesh collider shape
  * @category Colliders
@@ -1279,7 +1193,6 @@ const TrimeshCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE_
   ref: ref
 })));
 TrimeshCollider.displayName = "TrimeshCollider";
-
 /**
  * A cone collider shape
  * @category Colliders
@@ -1289,7 +1202,6 @@ const ConeCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/
   ref: ref
 })));
 ConeCollider.displayName = "ConeCollider";
-
 /**
  * A round cylinder collider shape
  * @category Colliders
@@ -1299,7 +1211,6 @@ const RoundConeCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PUR
   ref: ref
 })));
 RoundConeCollider.displayName = "RoundConeCollider";
-
 /**
  * A cylinder collider shape
  * @category Colliders
@@ -1309,7 +1220,6 @@ const CylinderCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE
   ref: ref
 })));
 CylinderCollider.displayName = "CylinderCollider";
-
 /**
  * A round cylinder collider shape
  * @category Colliders
@@ -1319,7 +1229,6 @@ const RoundCylinderCollider = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 CylinderCollider.displayName = "RoundCylinderCollider";
-
 /**
  * A convex hull collider shape
  * @category Colliders
@@ -1332,10 +1241,10 @@ ConvexHullCollider.displayName = "ConvexHullCollider";
 
 const rigidBodyDescFromOptions = options => {
   var _options$canSleep;
-
   const type = rigidBodyTypeFromString((options === null || options === void 0 ? void 0 : options.type) || "dynamic");
-  const desc = new RigidBodyDesc(type); // Apply immutable options
+  const desc = new RigidBodyDesc(type);
 
+  // Apply immutable options
   desc.canSleep = (_options$canSleep = options === null || options === void 0 ? void 0 : options.canSleep) !== null && _options$canSleep !== void 0 ? _options$canSleep : true;
   return desc;
 };
@@ -1367,11 +1276,9 @@ const mutableRigidBodyOptions = {
   gravityScale: (rb, value) => {
     rb.setGravityScale(value, true);
   },
-
   additionalSolverIterations(rb, value) {
     rb.setAdditionalSolverIterations(value);
   },
-
   linearDamping: (rb, value) => {
     rb.setLinearDamping(value);
   },
@@ -1410,14 +1317,15 @@ const mutableRigidBodyOptions = {
   ccd: (rb, value) => {
     rb.enableCcd(value);
   },
+  softCcdPrediction: (rb, value) => {
+    rb.setSoftCcdPrediction(value);
+  },
   userData: (rb, value) => {
     rb.userData = value;
   },
-
   type(rb, value) {
     rb.setBodyType(rigidBodyTypeFromString(value), true);
   },
-
   position: () => {},
   rotation: () => {},
   quaternion: () => {},
@@ -1428,19 +1336,14 @@ const setRigidBodyOptions = (rigidBody, options, states, updateTranslations = tr
   if (!rigidBody) {
     return;
   }
-
   const state = states.get(rigidBody.handle);
-
   if (state) {
     if (updateTranslations) {
       state.object.updateWorldMatrix(true, false);
-
       _matrix4.copy(state.object.matrixWorld).decompose(_position, _rotation, _scale);
-
       rigidBody.setTranslation(_position, false);
       rigidBody.setRotation(_rotation, false);
     }
-
     mutableRigidBodyOptionKeys.forEach(key => {
       if (key in options) {
         mutableRigidBodyOptions[key](rigidBody, options[key]);
@@ -1489,23 +1392,21 @@ const useRigidBodyEvents = (getRigidBody, props, events) => {
 const _excluded$1 = ["children", "type", "position", "rotation", "scale", "quaternion", "transformState"];
 const RigidBodyContext = /*#__PURE__*/createContext(undefined);
 const useRigidBodyContext = () => useContext(RigidBodyContext);
-
 /**
  * A rigid body is a physical object that can be simulated by the physics engine.
  * @category Components
  */
-const RigidBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwardedRef) => {
+const RigidBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
-    children,
-    type,
-    position,
-    rotation,
-    scale,
-    quaternion,
-    transformState
-  } = props,
-        objectProps = _objectWithoutProperties(props, _excluded$1);
-
+      children,
+      type,
+      position,
+      rotation,
+      scale,
+      quaternion,
+      transformState
+    } = props,
+    objectProps = _objectWithoutProperties(props, _excluded$1);
   const objectRef = useRef(null);
   const rigidBodyRef = useForwardedRef(forwardedRef);
   const {
@@ -1522,24 +1423,24 @@ const RigidBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwardedRe
   const immutablePropArray = immutableRigidBodyOptions.flatMap(key => {
     return Array.isArray(mergedOptions[key]) ? [...mergedOptions[key]] : mergedOptions[key];
   });
-  const childColliderProps = useChildColliderProps(objectRef, mergedOptions); // Provide a way to eagerly create rigidbody
+  const childColliderProps = useChildColliderProps(objectRef, mergedOptions);
 
+  // Provide a way to eagerly create rigidbody
   const getRigidBody = useImperativeInstance(() => {
     const desc = rigidBodyDescFromOptions(mergedOptions);
     const rigidBody = world.createRigidBody(desc);
-
     if (typeof forwardedRef === "function") {
       forwardedRef(rigidBody);
     }
-
     rigidBodyRef.current = rigidBody;
     return rigidBody;
   }, rigidBody => {
     if (world.getRigidBody(rigidBody.handle)) {
       world.removeRigidBody(rigidBody);
     }
-  }, immutablePropArray); // Only provide a object state after the ref has been set
+  }, immutablePropArray);
 
+  // Only provide a object state after the ref has been set
   useEffect(() => {
     const rigidBody = getRigidBody();
     const state = createRigidBodyState({
@@ -1610,51 +1511,46 @@ const MeshCollider = /*#__PURE__*/memo(props => {
 MeshCollider.displayName = "MeshCollider";
 
 const _excluded = ["children", "instances", "colliderNodes", "position", "rotation", "quaternion", "scale"];
-const InstancedRigidBodies = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, forwardedRef) => {
+const InstancedRigidBodies = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, forwardedRef) => {
   const rigidBodiesRef = useForwardedRef(forwardedRef, []);
   const objectRef = useRef(null);
   const instanceWrapperRef = useRef(null);
-
   const {
-    // instanced props
-    children,
-    instances,
-    colliderNodes = [],
-    // wrapper object props
-    position,
-    rotation,
-    quaternion,
-    scale
-  } = props,
-        rigidBodyProps = _objectWithoutProperties(props, _excluded);
-
+      // instanced props
+      children,
+      instances,
+      colliderNodes = [],
+      // wrapper object props
+      position,
+      rotation,
+      quaternion,
+      scale
+
+      // rigid body specific props, and r3f-object props
+    } = props,
+    rigidBodyProps = _objectWithoutProperties(props, _excluded);
   const childColliderProps = useChildColliderProps(objectRef, _objectSpread2(_objectSpread2({}, props), {}, {
     children: undefined
   }));
-
   const getInstancedMesh = () => {
     const firstChild = instanceWrapperRef.current.children[0];
-
     if (firstChild && "isInstancedMesh" in firstChild) {
       return firstChild;
     }
-
     return undefined;
   };
-
   useEffect(() => {
     const instancedMesh = getInstancedMesh();
-
     if (instancedMesh) {
       instancedMesh.instanceMatrix.setUsage(DynamicDrawUsage);
     } else {
       console.warn("InstancedRigidBodies expects exactly one child, which must be an InstancedMesh");
     }
-  }, []); // Update the RigidBodyStates whenever the instances change
+  }, []);
 
+  // Update the RigidBodyStates whenever the instances change
   const applyInstancedState = (state, index) => {
     const instancedMesh = getInstancedMesh();
-
     if (instancedMesh) {
       return _objectSpread2(_objectSpread2({}, state), {}, {
         getMatrix: matrix => {
@@ -1668,10 +1564,8 @@ const InstancedRigidBodies = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props,
         meshType: "instancedMesh"
       });
     }
-
     return state;
   };
-
   return /*#__PURE__*/React.createElement("object3D", _extends({
     ref: objectRef
   }, rigidBodyProps, {
@@ -1695,7 +1589,6 @@ InstancedRigidBodies.displayName = "InstancedRigidBodies";
 /**
  * @internal
  */
-
 const useImpulseJoint = (body1, body2, params) => {
   const {
     world
@@ -1710,7 +1603,6 @@ const useImpulseJoint = (body1, body2, params) => {
   }, joint => {
     if (joint) {
       jointRef.current = undefined;
-
       if (world.getImpulseJoint(joint.handle)) {
         world.removeImpulseJoint(joint, true);
       }
@@ -1718,6 +1610,7 @@ const useImpulseJoint = (body1, body2, params) => {
   }, []);
   return jointRef;
 };
+
 /**
  * A fixed joint ensures that two rigid-bodies don't move relative to each other.
  * Fixed joints are characterized by one local frame (represented by an isometry) on each rigid-body.
@@ -1725,13 +1618,13 @@ const useImpulseJoint = (body1, body2, params) => {
  *
  * @category Hooks - Joints
  */
-
 const useFixedJoint = (body1, body2, [body1Anchor, body1LocalFrame, body2Anchor, body2LocalFrame]) => {
   const {
     rapier
   } = useRapier();
   return useImpulseJoint(body1, body2, rapier.JointData.fixed(vector3ToRapierVector(body1Anchor), quaternionToRapierQuaternion(body1LocalFrame), vector3ToRapierVector(body2Anchor), quaternionToRapierQuaternion(body2LocalFrame)));
 };
+
 /**
  * The spherical joint ensures that two points on the local-spaces of two rigid-bodies always coincide (it prevents any relative
  * translational motion at this points). This is typically used to simulate ragdolls arms, pendulums, etc.
@@ -1740,13 +1633,13 @@ const useFixedJoint = (body1, body2, [body1Anchor, body1LocalFrame, body2Anchor,
  *
  * @category Hooks - Joints
  */
-
 const useSphericalJoint = (body1, body2, [body1Anchor, body2Anchor]) => {
   const {
     rapier
   } = useRapier();
   return useImpulseJoint(body1, body2, rapier.JointData.spherical(vector3ToRapierVector(body1Anchor), vector3ToRapierVector(body2Anchor)));
 };
+
 /**
  * The revolute joint prevents any relative movement between two rigid-bodies, except for relative
  * rotations along one axis. This is typically used to simulate wheels, fans, etc.
@@ -1754,20 +1647,18 @@ const useSphericalJoint = (body1, body2, [body1Anchor, body2Anchor]) => {
  *
  * @category Hooks - Joints
  */
-
 const useRevoluteJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
   const {
     rapier
   } = useRapier();
   const params = rapier.JointData.revolute(vector3ToRapierVector(body1Anchor), vector3ToRapierVector(body2Anchor), vector3ToRapierVector(axis));
-
   if (limits) {
     params.limitsEnabled = true;
     params.limits = limits;
   }
-
   return useImpulseJoint(body1, body2, params);
 };
+
 /**
  * The prismatic joint prevents any relative movement between two rigid-bodies, except for relative translations along one axis.
  * It is characterized by one local anchor as well as one local axis on each rigid-body. In 3D, an optional
@@ -1775,25 +1666,22 @@ const useRevoluteJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]
  *
  * @category Hooks - Joints
  */
-
 const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
   const {
     rapier
   } = useRapier();
   const params = rapier.JointData.prismatic(vector3ToRapierVector(body1Anchor), vector3ToRapierVector(body2Anchor), vector3ToRapierVector(axis));
-
   if (limits) {
     params.limitsEnabled = true;
     params.limits = limits;
   }
-
   return useImpulseJoint(body1, body2, params);
 };
+
 /**
  * The rope joint limits the max distance between two bodies.
  * @category Hooks - Joints
  */
-
 const useRopeJoint = (body1, body2, [body1Anchor, body2Anchor, length]) => {
   const {
     rapier
@@ -1803,11 +1691,11 @@ const useRopeJoint = (body1, body2, [body1Anchor, body2Anchor, length]) => {
   const params = rapier.JointData.rope(length, vBody1Anchor, vBody2Anchor);
   return useImpulseJoint(body1, body2, params);
 };
+
 /**
  * The spring joint applies a force proportional to the distance between two objects.
  * @category Hooks - Joints
  */
-
 const useSpringJoint = (body1, body2, [body1Anchor, body2Anchor, restLength, stiffness, damping]) => {
   const {
     rapier
@@ -1851,7 +1739,6 @@ const useSpringJoint = (body1, body2, [body1Anchor, body2Anchor, restLength, sti
  * @returns An InteractionGroup bitmask.
  */
 const interactionGroups = (memberships, filters) => (bitmask(memberships) << 16) + (filters !== undefined ? bitmask(filters) : 0b1111111111111111);
-
 const bitmask = groups => [groups].flat().reduce((acc, layer) => acc | 1 << layer, 0);
 
 export { AnyCollider, BallCollider, CapsuleCollider, ConeCollider, ConvexHullCollider, CuboidCollider, CylinderCollider, HeightfieldCollider, InstancedRigidBodies, MeshCollider, Physics, RigidBody, RoundConeCollider, RoundCuboidCollider, RoundCylinderCollider, TrimeshCollider, euler, interactionGroups, quat, useAfterPhysicsStep, useBeforePhysicsStep, useFixedJoint, useImpulseJoint, usePrismaticJoint, useRapier, useRevoluteJoint, useRopeJoint, useSphericalJoint, useSpringJoint, vec3 };