I’m quite new to ThreeJS and I just got this car model on Sketchfab, but when i try to put it in my React Three Fiber app it display very far away in the scene, when I attempt to rotating it follow the Y axis cause the object float around instead rotating around the axis. I put it in Threejs Editor and turn out the pivot point is outside the car instead in the middle of the model.

I am porting a working code from three.js r167 to react-three-fiber.
In three.js I have something like that

I’m having a hard time using the R3F -postprocessing library so I decided to use raw threejs classes:
By diving into the R3F extending third party library tutorials I managed to setup the renderPass and the outlinePass with typescript https://docs.pmnd.rs/react-three-fiber/tutorials/typescript

I was trying to recreate this sample from r3f https://codesandbox.io/p/sandbox/condescending-tereshkova-r7f742?file=%2Fsrc%2FPrice.js%3A32%2C4

I’m working on a GPU picking set up for instances in a 3D space using react three fiber – I’ve seen this done with threeJS, so essentially porting over.

I am using react fiber in one of our projects but the issue I am facing is that the GLB object gets scaled when resizing the browser or is adjusted depending on the browser’s size. For example: MS Edge has less page real-estate than chrome, so it renders smaller already on page load. The model is sticky, overlaying content, for animation purposes.
I have no idea how to fix this actually. Could someone maybe help me out with the math or is there another Drei helper I could use? All help would be appreciated!

I need to clip data from a gaussian splatting. From what I understand, it follows a similar structure as a pointcloud. So any workflow that can help to make the clipping planes work on pointclouds might me a good starting point.