type: added typings for the respective schema

src/App.tsx

@@ -1,9 +1,8 @@
 import { useForm } from "react-hook-form";
 import InputField from "./components/fields/InputField";
-import personalInfoSchema from "./schemas/personal_info.json";
+import personalInfoSchema from "./schemas/forms/personal_info.json";
 
 function App() {
-	console.log({ personalInfoSchema });
 	const schema = personalInfoSchema;
 	const { register, handleSubmit } = useForm();
 

src/components/fields/InputField.tsx

@@ -1,7 +1,6 @@
 import { UseFormRegister } from "react-hook-form";
 import { Input, InputProps } from "../ui/input";
 import { Label } from "../ui/label";
-import { FieldType } from "@/interfaces/field";
 
 interface InputFieldProps extends InputProps {
 	labelText: string;

src/interfaces/group.ts

@@ -2,5 +2,5 @@ import { FieldType } from "./field";
 
 export type GroupField = {
 	type: "group";
-	fields: FieldType[];
+	fields: (FieldType | GroupField)[];
 };

src/schemas/forms/personal_info.d.json.ts

@@ -0,0 +1,5 @@
+import { SchemaType } from "@/interfaces/schema";
+
+declare const personal_info: SchemaType;
+
+export default personal_info;

src/schemas/personal_info.json → src/schemas/forms/personal_info.json

@@ -18,6 +18,12 @@
             "dataType": "number",
             "fieldName": "Mobile Number",
             "accessorKey": "mobNo"
+        },
+        {
+            "type": "field",
+            "dataType": "email",
+            "fieldName": "Email Address",
+            "accessorKey": "email"
         }
     ]
 }

tsconfig.json

@@ -8,6 +8,7 @@
 
     /* Bundler mode */
     "moduleResolution": "bundler",
+    "allowArbitraryExtensions": true,
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,