From 07af8ed65df992b82849c45b20cecfea60e3cf4f Mon Sep 17 00:00:00 2001
From: Matt Nemitz <mattn@speechmatics.com>
Date: Fri, 24 Jan 2025 15:36:53 +0000
Subject: [PATCH] Allow nonce value to be passed to ExternalScripts component

---
 src/react/external-scripts.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/react/external-scripts.tsx b/src/react/external-scripts.tsx
index b686c8a..deb4b8e 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} />;
 			})}
 		</>
 	);