ionicons
ionicons copied to clipboard
bug: React SSR hydration error
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
- I created a default app with
npx create-remix@latest. - 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. - 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.