website refactor

apps/website/client-wrapper/SignupClient.tsx

@@ -15,12 +15,9 @@ import { SignupMutation } from '@/lib/mutations/auth/SignupMutation';
 import { SignupViewModelBuilder } from '@/lib/builders/view-models/SignupViewModelBuilder';
 import { SignupViewModel } from '@/lib/view-models/auth/SignupViewModel';
 import { SignupFormValidation } from '@/lib/utilities/authValidation';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
-interface SignupClientProps {
-  viewData: SignupViewData;
-}
-
-export function SignupClient({ viewData }: SignupClientProps) {
+export function SignupClient({ viewData }: ClientWrapperProps<SignupViewData>) {
   const router = useRouter();
   const searchParams = useSearchParams();
   const { refreshSession } = useAuth();
@@ -39,7 +36,7 @@ export function SignupClient({ viewData }: SignupClientProps) {
         ...prev.formState,
         fields: {
           ...prev.formState.fields,
-          [name]: {
+          [name as keyof typeof prev.formState.fields]: {
             ...prev.formState.fields[name as keyof typeof prev.formState.fields],
             value,
             touched: true,
@@ -75,7 +72,7 @@ export function SignupClient({ viewData }: SignupClientProps) {
             ...validationErrors.reduce((acc, error) => ({
               ...acc,
               [error.field]: {
-                ...prev.formState.fields[error.field],
+                ...prev.formState.fields[error.field as keyof typeof prev.formState.fields],
                 error: error.message,
                 touched: true,
               },
@@ -161,4 +158,4 @@ export function SignupClient({ viewData }: SignupClientProps) {
       }}
     />
   );
-}
+}