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
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.