From df67fa10f01a72a5a32b7da2195ba8b957bf8c9a Mon Sep 17 00:00:00 2001
From: Rodrigo <tomecafeconrodrigo@live.com>
Date: Tue, 31 Oct 2023 13:16:57 +0100
Subject: [PATCH] fix(youtube-embed): each child in a list should have a unique
 "key" prop (#57579)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hi,

I added a key in the map iteration of scripts in Youtube Embed. I use the index as a key but maybe there are a better solution about this like script.url + index 🤔

There isn't open related issues with this PR as this moment.

```js
      {scripts?.map((script, index) => (
        <Script
          key={index}
          src={script.url}
          strategy={scriptStrategy[script.strategy] as ScriptProps['strategy']}
          stylesheets={stylesheets}
        />
      ))}
```
---
 packages/third-parties/src/google/youtube-embed.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/third-parties/src/google/youtube-embed.tsx b/packages/third-parties/src/google/youtube-embed.tsx
index c95b083e55..fe43367429 100644
--- a/packages/third-parties/src/google/youtube-embed.tsx
+++ b/packages/third-parties/src/google/youtube-embed.tsx
@@ -25,6 +25,7 @@ export default function YouTubeEmbed(props: YouTubeEmbedTypes) {
     >
       {scripts?.map((script) => (
         <Script
+          key={script.url}
           src={script.url}
           strategy={scriptStrategy[script.strategy] as ScriptProps['strategy']}
           stylesheets={stylesheets}