bug: React SSR hydration error

[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:

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:

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.

[ionitron-bot]

This issue has been labeled as help wanted. This label is added to issues that we believe would be good for contributors.

If you'd like to work on this issue, please comment here letting us know that you would like to submit a pull request for it. This helps us to keep track of the pull request and make sure there isn't duplicated effort.

For a guide on how to create a pull request and test this project locally to see your changes, see our contributing documentation.

Thank you!