I made a react blog that uses threejs, react-three-fiber and some react effects like Typing effect. It works great on localhost but freezes when deployed to vercel/netlify.

This is the localhost and the wireframe mesh from threejs is rendered as well as the typing effect.

When deployed to vercel/netlify, no mesh is rendered and even the navigation tabs are not working.

This is my repository.

I cant understand why this is happening, my code works fine. Can someone please help? It would mean a lot. Thank you in advance.