diff --git a/src/react/external-scripts.tsx b/src/react/external-scripts.tsx
index 5a39d01..1247a30 100644
--- a/src/react/external-scripts.tsx
+++ b/src/react/external-scripts.tsx
@@ -107,13 +107,13 @@ export interface ExternalScriptsHandle<Data = unknown> {
  * // Then render ExternalScripts in your root
  * return <ExternalScripts />
  */
-export function ExternalScripts() {
+export function ExternalScripts({ nonce }: { nonce?: string }) {
 	let scripts = useExternalScripts();
 
 	return (
 		<>
 			{scripts.map((props) => {
-				return <ExternalScript key={props.src} {...props} />;
+				return <ExternalScript key={props.src} {...props} nonce={nonce} />;
 			})}
 		</>
 	);