From 09e4d2e7cbc53a96543ef218f7d691144e8e3bbd Mon Sep 17 00:00:00 2001
From: keyurparalkar <keur.plkar@gmail.com>
Date: Mon, 15 Apr 2024 12:45:31 +0530
Subject: [PATCH] fix: added key prop to the recursive component

---
 src/components/ui/SchemaRenderer.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/SchemaRenderer.tsx b/src/components/ui/SchemaRenderer.tsx
index 29f5e9b..d06e915 100644
--- 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}
+			/>
 		);
 	});
 };