fix: add keys to ObjectField children and guard relation data in getFieldOptions

react-openapi/components/fields/ObjectField.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Box, Typography } from '@mui/material';
 import { FieldComponentProps } from '../../types/overrides';
 
@@ -15,21 +16,26 @@ export default function ObjectField({ name, field, value, onChange, disabled, ba
       </Typography>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
         {Object.entries(field.schema).map(([subKey, subField]) =>
-          renderField({
+          React.cloneElement(
-            name: `${name}.${subKey}`,
+            renderField({
-            field: subField,
+              name: `${name}.${subKey}`,
-            value: value?.[subKey],
+              field: subField,
-            onChange: (newVal: any) => {
+              value: value?.[subKey],
-              const updated = { ...(value || {}), [subKey]: newVal };
+              onChange: (newVal: any) => {
-              onChange(updated);
+                const updated = { ...(value || {}), [subKey]: newVal };
-            },
+                onChange(updated);
-            disabled,
+              },
-            baseUrl,
+              disabled,
-            uploadFile,
+              baseUrl,
-            uploading,
+              uploadFile,
-            relationDataMap,
+              uploading,
-          })
+              relationDataMap,
+            }) as React.ReactElement,
+            { key: subKey }
+          )
         )}
+
+
       </Box>
     </Box>
   );

react-openapi/utils/options.ts

@@ -16,7 +16,7 @@ export function getFieldOptions(field: ResourceField, relationData?: any[]): Sel
   }
 
   if (field.relation) {
-    const data = relationData ?? [];
+    const data = Array.isArray(relationData) ? relationData : [];
     const enumOption = field.enumOption;
     if (!enumOption) {
       throw new Error(