update

src/app/auth/components/base-form.tsx

@@ -4,15 +4,16 @@ import { InputText } from "primereact/inputtext";
 import { Button } from "primereact/button";
 import { Password } from "primereact/password";
 import { classNames } from "primereact/utils";
+import { TSigninFormState, TSignupFormState } from "@/lib/types";
 
 const BaseForm = ({
   children,
   control,
   errors,
 }: {
   children?: React.ReactNode;
-  control: Control<any>;
-  errors: FieldErrors<any>;
+  control: Control<TSignupFormState>;
+  errors: FieldErrors<TSigninFormState | TSignupFormState>;
 }) => {
   return (
     <form className="p-fluid">

src/app/auth/signin/components/signin-form.tsx

@@ -2,7 +2,7 @@
 import BaseForm from "../../components/base-form";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
-import { InputText } from "primereact/inputtext";
+import { TSignupFormState } from "@/lib/types";
 
 const SigninForm = () => {
   const [showMessage, setShowMessage] = useState(false);
@@ -11,15 +11,13 @@ const SigninForm = () => {
   const defaultValues = {
     email: "",
     password: "",
-    confirm_password: "",
   };
 
   const {
     control,
     formState: { errors },
     handleSubmit,
-    reset,
-  } = useForm({ defaultValues });
+  } = useForm<TSignupFormState>({ defaultValues });
 
   return <BaseForm control={control} errors={errors} />;
 };

src/app/auth/signup/components/signup-form.tsx

@@ -4,27 +4,22 @@ import BaseForm from "../../components/base-form";
 import { useForm, Controller } from "react-hook-form";
 import { classNames } from "primereact/utils";
 import { Password } from "primereact/password";
+import { TSignupFormState } from "@/lib/types";
 
 const SignupForm = () => {
   const [showMessage, setShowMessage] = useState(false);
   const [formData, setFormData] = useState({});
 
   const defaultValues = {
-    name: "",
     email: "",
     password: "",
     confirm_password: "",
-    date: null,
-    country: null,
-    accept: false,
   };
 
   const {
     control,
     formState: { errors },
-    handleSubmit,
-    reset,
-  } = useForm({ defaultValues });
+  } = useForm<TSignupFormState>();
   return (
     <BaseForm control={control} errors={errors}>
       <div className="field">

src/lib/types.ts

@@ -3,14 +3,14 @@ import { string, z } from "zod";
 export const ZSignupFormState = z.object({
   email: z.string().trim().min(1).email(),
   password: z.string().min(4),
-  confirm_password: z.string(),
+  confirm_password: z.string().optional(),
 });
 export type TSignupFormState = z.infer<typeof ZSignupFormState>;
 
-export const ZSigninFormState = ZSignupFormState.omit({
-  confirm_password: true,
-});
-export type TSigninFormState = z.infer<typeof ZSigninFormState>;
+// export const ZSigninFormState = ZSignupFormState.omit({
+//   confirm_password: true,
+// });
+// export type TSigninFormState = z.infer<typeof ZSigninFormState>;
 
 export type TBoard = {
   id: string;