Set style nonce in root styles

regalijan · Oct 19, 2023 · 3f07ebf · 3f07ebf
1 parent f97ce95
commit 3f07ebf
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -113,6 +113,7 @@ export async function loader({
 
   if (context.data.current_user) data = { ...context.data.current_user };
   if (context.env.DSN) data.dsn = context.env.DSN;
+  if (context.data.nonce) data.nonce = context.data.nonce;
   if (context.data.theme) data.theme = context.data.theme;
 
   return data;
@@ -175,6 +176,7 @@ function getMarkup(
             {serverStyleData?.map(({ key, ids, css }) => (
               <style
                 key={key}
+                nonce={loaderData.nonce}
                 data-emotion={`${key} ${ids.join(" ")}`}
                 dangerouslySetInnerHTML={{ __html: css }}
               />