How can I make the ThreeJS, react-three/drei Pivot Controls visible through other models

When I use @react-three/drei pivot controls with depthTest={false} and activeAxes={[true, true, true]} the translation axes are always visible, but the rotation arcs and planar squares are only visible if they are rotated to certain angles. How can I make the rotation controls always visible?

I fixed it by setting the renderOrder = 1.

1 Like