fix(react): fix Vite dev CSS hydration errors (#7812)

remix-run · Oct 30, 2023 · 28ac1db · 28ac1db
1 parent 82b0aca
commit 28ac1db
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/kind-pandas-think.md b/.changeset/kind-pandas-think.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/react": patch
+---
+
+Fix critical CSS hydration errors for Vite dev
diff --git a/packages/remix-react/components.tsx b/packages/remix-react/components.tsx
@@ -289,7 +289,9 @@ export function Links() {
 
   return (
     <>
-      {criticalCss ? <style>{criticalCss}</style> : null}
+      {criticalCss ? (
+        <style dangerouslySetInnerHTML={{ __html: criticalCss }} />
+      ) : null}
       {keyedLinks.map(({ key, link }) =>
         isPageLinkDescriptor(link) ? (
           <PrefetchPageLinks key={key} {...link} />