From b17a40e25fbc9244b35d0215afcb45961c6ea1e7 Mon Sep 17 00:00:00 2001
From: Federico Ruggi <1081051+ruggi@users.noreply.github.com>
Date: Wed, 10 Jul 2024 16:56:53 +0200
Subject: [PATCH] Fix duplicate keys on grid resize components (#6056)

**Problem:**

Grid resize components don't have `key` props.

**Fix:**

Add them.
---
 editor/src/components/canvas/controls/grid-controls.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
index 5dfc27863986..352fe992410b 100644
--- a/editor/src/components/canvas/controls/grid-controls.tsx
+++ b/editor/src/components/canvas/controls/grid-controls.tsx
@@ -240,6 +240,7 @@ export const GridResizing = React.memo((props: GridResizingProps) => {
 
               return (
                 <GridResizingControl
+                  key={`grid-resizing-control-${dimensionIndex}`}
                   dimensionIndex={dimensionIndex}
                   dimension={dimension}
                   fromPropsAxisValues={props.fromPropsAxisValues}
@@ -735,6 +736,7 @@ export const GridControls = controlForStrategyMemoized(() => {
         {grids.flatMap((grid) => {
           return (
             <GridResizing
+              key={`grid-resizing-column-${EP.toString(grid.elementPath)}`}
               axisValues={grid.gridTemplateColumns}
               fromPropsAxisValues={grid.gridTemplateColumnsFromProps}
               containingFrame={grid.frame}
@@ -746,6 +748,7 @@ export const GridControls = controlForStrategyMemoized(() => {
         {grids.flatMap((grid) => {
           return (
             <GridResizing
+              key={`grid-resizing-row-${EP.toString(grid.elementPath)}`}
               axisValues={grid.gridTemplateRows}
               fromPropsAxisValues={grid.gridTemplateRowsFromProps}
               containingFrame={grid.frame}