Fix duplicate keys on grid resize components (#6056)

**Problem:** Grid resize components don't have `key` props. **Fix:** Add them.
concrete-utopia · Dec 13, 2024 · e3f4e9d · e3f4e9d
1 parent fb60924
commit e3f4e9d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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}