Hey I am following this tutorial here: https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber

When I implement this component, the canvas seems to by blocking my other components and I'm unable to click on them. The interactive badge works fine though. Anyone can point me in the right direction to fix this?

I have attached the relevant badge.js, page.tsx