modification of csp nonce handling to avoid hydration error

adobe · May 2, 2024 · 70b6c49 · 70b6c49
1 parent 1a0ae30
commit 70b6c49
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/@react-aria/i18n/src/server.tsx b/packages/@react-aria/i18n/src/server.tsx
@@ -33,8 +33,10 @@ export function PackageLocalizationProvider(props: PackageLocalizationProviderPr
     return null;
   }
 
-  let {locale, strings} = props;
-  return <script nonce={props.nonce} dangerouslySetInnerHTML={{__html: getPackageLocalizationScript(locale, strings)}} />;
+  let {nonce, locale, strings} = props;
+  // suppressHydrationWarning is necessary because the browser
+  // remove the nonce parameter from the DOM before hydration
+  return <script nonce={typeof window === 'undefined' ? nonce : ''} suppressHydrationWarning dangerouslySetInnerHTML={{__html: getPackageLocalizationScript(locale, strings)}} />;
 }
 
 /**