fix duplicate keys

concrete-utopia · Jul 10, 2024 · dfc1d0b · dfc1d0b
1 parent 542ddd6
commit dfc1d0b
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}