downgrade zod

Author: kylemh

package.json

@@ -63,7 +63,7 @@
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0",
-    "zod": "^4.3.6"
+    "zod": "^3.25.76"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^4.2.3",

pnpm-lock.yaml

@@ -6,7 +6,7 @@ import type { DefaultValues, Resolver } from 'react-hook-form';
 import { useForm, FormProvider } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import type { AxiosError } from 'axios';
-import type { $ZodType } from 'zod/v4/core';
+import type { ZodTypeAny } from 'zod';
 import {
   MULTI_STEP_STEP_BUTTON,
   MULTI_STEP_SUBMIT_BUTTON,
@@ -24,7 +24,7 @@ export interface StepComponent<T extends Record<string, unknown>> extends Functi
   title: string;
   initialValues: Partial<T>;
   submitHandler?: (values: Partial<T>) => Promise<void>;
-  validationSchema: $ZodType;
+  validationSchema: ZodTypeAny;
 }
 
 interface MultiStepFormProps<T extends Record<string, unknown>> {
@@ -64,7 +64,7 @@ function StepFormInner<T extends Record<string, unknown>>({
 }: StepFormInnerProps<T>) {
   const methods = useForm<T>({
     defaultValues,
-    resolver: zodResolver(CurrentStep.validationSchema as $ZodType<T, T>) as unknown as Resolver<T>,
+    resolver: zodResolver(CurrentStep.validationSchema) as Resolver<T>,
     mode: 'onTouched',
   });
 

src/components/Form/MultiStepForm.tsx

@@ -1,18 +1,13 @@
 /// <reference types="vitest" />
 
 import { defineConfig } from 'vitest/config';
-import tsconfigPaths from 'vite-tsconfig-paths';
 import react from '@vitejs/plugin-react';
 import magicalSvg from 'vite-plugin-magical-svg';
 
 export default defineConfig({
-  plugins: [tsconfigPaths(), magicalSvg({ target: 'react' }), react()],
-  // use tsx loader for js using jsx
-  // TODO - remove if ever migrating to Vite
-  esbuild: {
-    loader: 'tsx',
-    include: /\.[jt]sx?$/,
-    exclude: [],
+  plugins: [magicalSvg({ target: 'react' }), react()],
+  resolve: {
+    tsconfigPaths: true,
   },
   test: {
     globals: true,