Merge pull request #193 from lsagetlethias/main

feat: forward nonce when cache provider is used
garronej · Sep 18, 2023 · 12df368 · 12df368
2 parents d744d59 + da6cc4e
commit 12df368
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/src/next/appDir.tsx b/src/next/appDir.tsx
@@ -80,13 +80,15 @@ export function NextAppDirEmotionCacheProvider(
             <>
                 {globals.map(({ name, style }) => (
                     <style
+                        nonce={options.nonce}
                         key={name}
                         data-emotion={`${cache.key}-global ${name}`}
                         dangerouslySetInnerHTML={{ "__html": style }}
                     />
                 ))}
                 {styles !== "" && (
                     <style
+                        nonce={options.nonce}
                         data-emotion={dataEmotionAttribute}
                         dangerouslySetInnerHTML={{ "__html": styles }}
                     />

diff --git a/src/next/pagesDir.tsx b/src/next/pagesDir.tsx
@@ -92,6 +92,7 @@ export function createEmotionSsrAdvancedApproach(
                     .styles.filter(({ css }) => css !== "")
                     .map(style => (
                         <style
+                            nonce={options.nonce}
                             data-emotion={`${style.key} ${style.ids.join(" ")}`}
                             key={style.key}
                             dangerouslySetInnerHTML={{ "__html": style.css }}

diff --git a/src/nextJs.tsx b/src/nextJs.tsx
@@ -56,6 +56,7 @@ export function createEmotionSsrAdvancedApproach(options: CreateCacheOption) {
                                     .styles.filter(({ css }) => css !== "")
                                     .map(style => (
                                         <style
+                                            nonce={options.nonce}
                                             data-emotion={`${
                                                 style.key
                                             } ${style.ids.join(" ")}`}