Production site has Uncaught Error

homersimpsons commented 1 year ago

Describe the bug

When navigating on https://gitmoji.dev/ we can see a lot of JavaScript errors in the console:

Uncaught Error: Minified React error #425; visit https://reactjs.org/docs/error-decoder.html?invariant=425 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    NextJS 29
framework-19f3649580393c10.js:9:40169

Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    NextJS 28
76 framework-19f3649580393c10.js:9:46422

Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    NextJS 28
framework-19f3649580393c10.js:9:120828

Reproduction

Open developer console (F12)
Navigate to https://gitmoji.dev/
Observe the errors in your console

System Info

(not relevant)

Validations

[X] Follow our Code of Conduct
[X] Read the Contributing Guide.
[X] Check that there isn't already an issue that reports the same bug to avoid creating duplicates.
[X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
[X] The provided reproduction is a minimal reproducible of the bug.

carloscuesta commented 1 year ago

Hey!

Thanks for reporting this, I'm not able to see any of the warnings you mention on the console.

Can you share more information about your environment such as browser and so on?

I believe this can be caused by something rendered on client-side that it's not sent by the server.

Thanks!

homersimpsons commented 1 year ago

Can you share more information about your environment such as browser and so on?

I can reproduce it consistently on Mozilla Firefox in private navigation as well as on Microsoft Edge on private navigation too

On both I can see the following warning after the above errors:

# Firefox
The resource at “https://cdn.carbonads.com/carbon.js?serve=CE7DL5QJ&placement=gitmojidev” was blocked because content blocking is enabled.
# Edge
Tracking Prevention blocked access to storage for https://cdn.carbonads.com/carbon.js?serve=CE7DL5QJ&placement=gitmojidev.

On Firefox I also can see the following message before the errors:

Google Analytics and Tag Manager is being shimmed by Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1713687 for details.

vhoyer commented 1 year ago

@carloscuesta, I've seen on some PRs that were opened recently that we have some hydration problem (difference between CSR and SSR), and if you haven't fixed it yet, it's probably still on the main branch, maybe this could be related

carloscuesta commented 1 year ago

Can you share more information about your environment such as browser and so on?

I can reproduce it consistently on Mozilla Firefox in private navigation as well as on Microsoft Edge on private navigation too

On both I can see the following warning after the above errors:
# Firefox
The resource at “https://cdn.carbonads.com/carbon.js?serve=CE7DL5QJ&placement=gitmojidev” was blocked because content blocking is enabled.
# Edge
Tracking Prevention blocked access to storage for https://cdn.carbonads.com/carbon.js?serve=CE7DL5QJ&placement=gitmojidev.
On Firefox I also can see the following message before the errors:
Google Analytics and Tag Manager is being shimmed by Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1713687 for details.

Hey!

This seems to be related with some browsers blocking the Ad we have on the site. But I'll try to reproduce the warning you mentioned with Firefox.

homersimpsons commented 1 year ago

This seems to be related with some browsers blocking the Ad we have on the site.

This is possible, I do not have any extension though, just private navigation

carloscuesta commented 1 year ago

Hey! I'm not able to reproduce neither in Safari / Firefox with the content blocking enabled:

I think I might now were the problem might be coming from but it shouldn't break anything aside from logging into the console

homersimpsons commented 1 year ago

Hey! I'm not able to reproduce neither in Safari / Firefox with the content blocking enabled

On Firefox I have:

about:preferences#privacy "Enhanced Tracking Protection > Standard"
"History > Use cusm settings for history > Always use private browsing mode"

I think I might now were the problem might be coming from but it shouldn't break anything aside from logging into the console

It is not breaking anything, this is just logs as far as I see.

I do not know if the new version is deployed but I still have the issue and it looks like files hash are still the same.

homersimpsons commented 1 year ago

I confirm I still have this issue today. Feel free to close it if you do not want to dig further as this does not block anything on the site.

carloscuesta commented 1 year ago

Hey @homersimpsons if you're able to reproduce it locally I would be more than happy to receive a PR that fixes the issue 🤗

carloscuesta / gitmoji