fix: added key prop to the recursive component

keyurparalkar · Apr 15, 2024 · 09e4d2e · 09e4d2e
1 parent 4121026
commit 09e4d2e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/ui/SchemaRenderer.tsx b/src/components/ui/SchemaRenderer.tsx
@@ -12,7 +12,7 @@ type SchemaRendererProps = {
 const SchemaRenderer = (props: SchemaRendererProps) => {
 	const { schema, errors, register } = props;
 
-	return schema.fields.map((field) => {
+	return schema.fields.map((field, index) => {
 		if (field.type === "field") {
 			return (
 				<InputField
@@ -28,7 +28,12 @@ const SchemaRenderer = (props: SchemaRendererProps) => {
 		}
 
 		return (
-			<SchemaRenderer schema={field} errors={errors} register={register} />
+			<SchemaRenderer
+				key={`key-${field.type}-${index}`}
+				schema={field}
+				errors={errors}
+				register={register}
+			/>
 		);
 	});
 };