Ball Collider Fails to Interact with HeightfieldCollider in React Three Rapier

[itdat]

I am encountering an issue in React Three Rapier where a BallCollider passes through a HeightfieldCollider without any collision detection. This issue does not occur when the HeightfieldCollider is replaced with a CuboidCollider, where the BallCollider correctly collides and stops.

The setup consists of two RigidBodies, one with a BallCollider and the other with a HeightfieldCollider. The BallCollider is set with a dynamic type and positioned above the HeightfieldCollider.

Here's a snippet of the relevant code:

<Physics debug>
      <RigidBody type="dynamic" position-y={100}>
            <BallCollider args={[5, 5]} />
      </RigidBody>
      <RigidBody type="fixed">
             {/* <CuboidCollider args={[100, 1, 100]} /> */}
            <HeightfieldCollider args={[3, 3, [1, 2, 1, 2, 1, 2, 1, 2, 1, 2, 1, 2, 1, 2, 1, 2], { x: 80, y: 1, z: -80 }]} />
      </RigidBody>
</Physics>

The expectation is for the ball to collide and interact with the heightfield surface. However, in practice, the ball passes through the heightfield collider as if it's not there.

This behavior is observed consistently and can be replicated using the above code. Interestingly, when the HeightfieldCollider is replaced with a CuboidCollider, the ball behaves as expected and stops upon collision.

Here is a screenshot illustrating the issue:

I am looking for insights into why this might be happening and how to resolve it. Is there a specific configuration that I am missing, or could this be a potential bug in the library? Any help or guidance would be greatly appreciated.

Thank you!