Fix keys being spread

Fixes this console warning: React keys must be passed directly to JSX without using spread
BKWLD · Nov 27, 2023 · b59abe3 · b59abe3
1 parent d2faaf5
commit b59abe3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/packages/react/src/LazyVideo.tsx b/packages/react/src/LazyVideo.tsx
@@ -93,7 +93,7 @@ export default function LazyVideo({
 
       {/* Implement lazy loading by not adding the source until ready */}
       { shouldLoad && sourceVariants.map(({ media, key }) => (
-        <Source {...{ key, videoLoader, src, media }} />
+        <Source key={ key } {...{ videoLoader, src, media }} />
       ))}
     </video>
   )

diff --git a/packages/react/src/PictureImage.tsx b/packages/react/src/PictureImage.tsx
@@ -63,8 +63,7 @@ export default function PictureImage(
 
       {/* Make <source>s */}
       {imageLoader && sourceVariants.map(({ type, media, key }) => (
-        <Source {...{
-          key,
+        <Source key={ key } {...{
           widths: srcsetWidths,
           imageLoader, sizes, src, type, media
         }} />