Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: React SSR hydration error #1404

Open
AndreFilipeNavesDeBarros opened this issue Sep 18, 2024 · 0 comments
Open

bug: React SSR hydration error #1404

AndreFilipeNavesDeBarros opened this issue Sep 18, 2024 · 0 comments
Labels
triage New issues

Comments

@AndreFilipeNavesDeBarros

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 component from remix-utils and got the same issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage New issues
Projects
None yet
Development

No branches or pull requests

1 participant