Fix warning from React about spreading key onto props when editing item in array field (#1389)

Author: emmatown

.changeset/nine-dolls-appear.md

@@ -0,0 +1,6 @@
+---
+'@keystatic/core': patch
+---
+
+Fix warning from React about spreading `key` onto props when editing item in
+array field

packages/keystatic/src/form/fields/array/ui.tsx

@@ -257,6 +257,9 @@ function ArrayEditItemModalContent(props: {
     return { slugs, field: slugField, glob: '*' as const };
   }, [props.previewProps, props.modalStateIndex]);
 
+  const { key, ...propsWithoutKey } =
+    props.previewProps.elements[props.modalStateIndex];
+
   return (
     <Content>
       <VStack
@@ -272,7 +275,7 @@ function ArrayEditItemModalContent(props: {
         <FormValueContentFromPreviewProps
           slugField={slugInfo}
           autoFocus
-          {...props.previewProps.elements[props.modalStateIndex]}
+          {...propsWithoutKey}
         />
       </VStack>
     </Content>