hosted site Firebase homepage data Isn't fetched in unless another page is entered and then homepage is reentered again. works fine on Localhost

So I have This website I built that is working fine when I test/work it on localhost, But once the site is hosted. This is what it shows on chrome:

Unchecked runtime.lastError: The message port closed before a response was received.

Then when I clicked to see where the error is coming from. It's in the html file.

But when I enter the site in another browser, it shows no errors on the console but my data never loads. But when I enter another page on the website, the backend data is loaded and everything works fine. Then when I go back to the homepage everything starts working fine again.

The site works smoothly without any error when on localhost.

Here is the hosted site and the GitHub link. I'd appreciate any help I can get, It's driving me nuts.

Hosted Website

Github