api.rotation.set() won't allow rotation past (minus) Math.PI / 2

[nickrttn]

👋

I'm trying to rotate a body (compound body of two spheres) in a useFrame hook. I found someone having a similar issue here: #114 and from the looks of it the answer seems to have helped them. I'm doing the exact same thing, but somehow my body won't rotate past -Math.PI / 2 or Math.PI / 2. It will just be stuck at those bounds.

Some (I think) relevant code snippets:

Body definition

const [globe, api] = useCompoundBody<THREE.Group>(() => ({
    fixedRotation: true,
    mass: 2 * scale,
    position,
    rotation,
    angularFactor: [0, 1, 0],
    shapes: [
      {
        args: [sphereRadius],
        type: 'Sphere',
      },
      {
        args: [sphereRadius + 0.2],
        type: 'Sphere',
      },
    ],
    type: 'Dynamic',
  }));

useEffect and useFrame

  const currentRotation = useRef<Triplet>(rotation);
  useEffect(() => {
    const unsubscribe = api.rotation.subscribe((r) => {
      currentRotation.current = r;
    });
    return unsubscribe;
  }, [api]);

useFrame(({ clock }) => {
  if (isHovered) {
    currentRotation.current[1] += 0.01;
    api.rotation.set(...(currentRotation.current as Triplet));
  }
});

I would like to make my body constantly rotate as I hover over it with the mouse. How can I do that without running into these bounds?