#180: Support emotion prepend in Next App router

garronej · Sep 18, 2023 · ce0018b · ce0018b
1 parent 12df368
commit ce0018b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/next/pagesDir.tsx b/src/next/pagesDir.tsx
@@ -95,7 +95,11 @@ export function createEmotionSsrAdvancedApproach(
                             nonce={options.nonce}
                             data-emotion={`${style.key} ${style.ids.join(" ")}`}
                             key={style.key}
-                            dangerouslySetInnerHTML={{ "__html": style.css }}
+                            dangerouslySetInnerHTML={{
+                                "__html": options.prepend
+                                    ? `@layer emotion {${style.css}}`
+                                    : style.css
+                            }}
                         />
                     ))
             ];