Next.js Error: ReferenceError: window is not defined about jparticles

[Barrior]

@muhammadali-pro JParticles does not support SSR, you can use Dynamically Import External Libraries in Next.js to solve this problem.

const ParticleEffect = () => {
  const createParticles = async () => {

    // Dynamically import
    const { Particle } = (await import('jparticles')).default

    new Particle('#demo', {
      color: '#004AAD',
      lineShape: 'spider',
      range: 200,
      proximity: 100,
    })
  }

  useEffect(() => {
    createParticles()
  }, [])

  return <div className="absolute w-full h-3/4" id="demo"></div>
}

export default memo(ParticleEffect);

Live Demo:

[muhammadali-pro]

Thank you. I think you can close this issue now.