ReactJS Website Re-Rendering and Flashing on Mobile Browser

user_15311987 0
Viewed 23

I made an app that uses ReactJS and Firebase storage deployed on GitHub pages. Currently, the website is flashing and re-rendering on the homepage (RealHome.jsx). I am wondering what is causing this problem. I have suspicions that it is the use of the useEffect(). Does anyone know the problem or have fixed this problem before?

Github Repo: github.com/joshuajy03/purduebikesintrees

Website: joshuajy03.github.io/purduebikesintrees

use-effect firebase reactjs mobile javascript
1 Answers

The problem with the website was that I was using window.addEventListener.

window.addEventListener("resize", () => setResponsiveness());

    return () => {
      window.removeEventListener("resize", () => setResponsiveness());
    };

Removing this solves the problem.

user_153119870
Related