From 6c86d459510d31d50bafaa648d89196a9323f3aa Mon Sep 17 00:00:00 2001
From: Luigi Teschio <gigitux@gmail.com>
Date: Wed, 12 Apr 2023 16:04:05 +0200
Subject: [PATCH] Skeleton component: fix warning about key prop
 (https://github.com/woocommerce/woocommerce-blocks/pull/9018)

---
 .../assets/js/base/components/skeleton/index.tsx   | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/base/components/skeleton/index.tsx b/plugins/woocommerce-blocks/assets/js/base/components/skeleton/index.tsx
index 6249d108bab..6abc5f60b89 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/skeleton/index.tsx
+++ b/plugins/woocommerce-blocks/assets/js/base/components/skeleton/index.tsx
@@ -10,11 +10,15 @@ export interface SkeletonProps {
 export const Skeleton = ( {
 	numberOfLines = 1,
 }: SkeletonProps ): JSX.Element => {
-	const skeletonLines = Array( numberOfLines ).fill(
-		<span
-			className="wc-block-components-skeleton-text-line"
-			aria-hidden="true"
-		/>
+	const skeletonLines = Array.from(
+		{ length: numberOfLines },
+		( _: undefined, index ) => (
+			<span
+				className="wc-block-components-skeleton-text-line"
+				aria-hidden="true"
+				key={ index }
+			/>
+		)
 	);
 	return (
 		<div className="wc-block-components-skeleton">{ skeletonLines }</div>