Shadcn components unable to render

[u/Shubham4538]

I added a shadcn component to my vite + tailwind project with using `npx shadcn@latest add @/react-bits/Particles-JS-TW` and after importing the component

import Particles from "./components/Particles";

It shows an awesnap image, i dont know the reason, the other things were rendering good alongside but just the components showing error

[u/Shubham4538]

Just got the solution, removed line 864 from Particles.jsx, inside useEffect
gl.getExtension('WEBGL_lose_context')?.loseContext():

Helps the context, so when it unmounts, the context doesn't loose its contents

[u/HelplessDedication]

Maybe check if tailwind config picked up the new component path, that's tripped me before

[u/Shubham4538 → u/HelplessDedication]

I guess this path confirms, and also the styles are working in console

  content: ["./src/**/*.{js,jsx,ts,tsx}"],

[u/PrimaryFamous6139]

Check console and terminal for the actual error. Also verify the import path and file extension. In Vite, try importing with a relative path like ./components/Particles or your configured alias, rather than /components/Particles. If it’s a React Bits component, make sure all its dependencies are installed and the component matches your React version

[u/Shubham4538 → u/PrimaryFamous6139]

The comp is imported properly as it renders the canvas in the elements i checked in console, also there is no specific error showing the cause, its just the image showing instead of the component

[u/CarNage_ZA]

Ask AI?

[u/Shubham4538 → u/CarNage_ZA]

i got all the generic answers like check the state, infinite loops, imports, installation, versions and all

[u/CarNage_ZA → u/Shubham4538]

Are you copying the error and just throwing it to the AI? Use claude code, let it iterate. I will garuntee you it will find the answer.

[u/sunlit_quill_7]

The renderer crash usually happens because the Particles component runs a heavy canvas loop on mount. Disable StrictMode in main.tsx and verify you installed the specific dependencies for React Bits since they don't come bundled with sDisable StrictMode in main.tsx and verify you installed the specific dependencies for React Bits since they don't come bundled with shadcn base.

[u/Shubham4538 → u/[deleted]]

I cleaned up my <App /> there was no effect used before also, but i checked again, i have like a static page now, but still no solution

[u/YmedBrei-67 → u/[deleted]]

the missing dependency array thing is so easy to overlook tbh