remix Minified React error #418 and double loaded css file

What version of Remix are you using?

1.7.1

Steps to Reproduce

I try to rewrite my app from nextjs to remix. I get the o. a. error in Chrome console. I also see in the network tab that my global css file is double loaded.

To reproduce please see your example application https://remix-ecommerce.fly.dev/en/search. Screenshot 2022-09-22 161050

Expected Behavior

no console error and no double loaded css

Actual Behavior

see screenshot.

Sep 22 '22 14:09 kmergen

This is happening to me as of right now too, and it didn't before. Those errors show up in my console on the ecommerce demo as well.

Sep 23 '22 19:09 kogan007

@kogan007 Did you find the soution?

Oct 25 '22 11:10 vishnu-acodez

I had this error and fixed it with the eslint rule: '@typescript-eslint/no-duplicate-imports': 'error'. In two files, I had duplicated import like this :

import { Icon } from '@chakra-ui/react'
import { Link } from '@chakra-ui/react'

Now there is no longer error in the build 🥳

Edit: didn't solve, the bug is always present in a random way, I suspect a bad interaction with a browser extension, but I don't have time to dig deeper into this problem.

Dec 13 '22 15:12 sylvainDNS

@kmergen website seems to be working fine, I think you found the culprit and fixed it. Closing this issue for now, don't hesitate to share the fix!

Dec 13 '22 16:12 machour

I'm seeing this as well, and this only happens on production (when the files are minimized). My dev environment runs fine. Did anyone here find the issue?

Feb 21 '23 09:02 WesleyYue

Same error here on production

May 26 '23 06:05 mateosantosdev

I got the same issue on Production

Jun 13 '23 07:06 huyb1991

Likewise seemingly randomly happening on production

Jun 26 '23 22:06 WillSmithTE

Hey folks, we're getting the same error from our DEV environment:

chunk-OELJV5DJ.js:8 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.
    at $a (chunk-OELJV5DJ.js:8:44889)
    at Ha (chunk-OELJV5DJ.js:8:39459)
    at Qf (chunk-OELJV5DJ.js:8:39390)
    at el (chunk-OELJV5DJ.js:8:39250)
    at Ai (chunk-OELJV5DJ.js:8:35673)
    at Va (chunk-OELJV5DJ.js:8:34629)
    at _l (chunk-OELJV5DJ.js:1:1743)
    at MessagePort.gl (chunk-OELJV5DJ.js:1:2133)

Can you reopen this issue please? <3

Jul 10 '23 20:07 jdnichollsc

I'm having the same issue at the moment - I'm using Remix with Hydrogen and certain browser extensions, such as Lightdash are causing the app to crash.

Screenshot 2023-07-18 at 11 43 12

Jul 19 '23 08:07 raufabr

in our case, it was happening because we were trying to push some current time info to the dashboard. which explains why it's random. sometimes server rendered and hydrated data matches, sometimes don't.

Aug 02 '23 15:08 kocyigityunus

I finally found the problem: like @raufabr it was a browser extension that broke the first render (Dark Reader extension, that inject css to provide dark theme)

Oct 10 '23 17:10 sylvainDNS

How can I see the non-minified error?