Particles Disappear When Page Is Refreshed

[ghost]

If I comment, save, un-comment and save again, my particles component works. But if I refresh the page the particles disappear.

My component looks like this:

<Particles params={particlesConfig} />

[badrkamel]

If I comment, save, un-comment and save again, my particles component works. But if I refresh the page the particles disappear.

My component looks like this:

<Particles params={particlesConfig} />

same

[devotii]

I've the same issue

[JackwillJudge]

has anyone found a fix to this one yet?

[sylwiawajgel]

You can try a workaround and load particles after some time, using setTimeout. It works for me. Not a good solution, but better than nothing, until it will be fixed.

const [showParticles, setShowParticles] = useState(false);
  
  useEffect(() => {
    setTimeout(() => {
      setShowParticles(true);
    }, 500);
  }, []);

  return (
     <>
         {showParticles && (
              <Particles/>
         )}
    </>
  );

[JackwillJudge]

awesome thanks that worked

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.