ionicons icon indicating copy to clipboard operation
ionicons copied to clipboard

bug: React SSR hydration error

Open AndreFilipeNavesDeBarros opened this issue 1 year ago • 0 comments

Current Behavior

When adding the import scripts to the

tag of my page layout on React 18 I receive and hydration error that sends my project into client mode. By updating to React 19 RC I get a better error message: image

I have removed all browser extensions, so it is definitely not that one. from the error tree I would think that is the style being added to the head: image

Expected Behavior

Be able to use my SSR on the server side.

Steps to Reproduce

  1. I created a default app with npx create-remix@latest.
  2. Opened the root.tsx file and added the scripts <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script><script noModule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> to my tag.
  3. run app with npm run dev.

Code Reproduction URL

No response

Additional Information

I've tried adding the import scripts to the

tag and using the <ExternalScripts /> component from remix-utils and got the same issue.