[WIP] Experiment with Performance Optimizations

examples/angular/standard-schema/package.json

@@ -23,7 +23,7 @@
     "rxjs": "^7.8.2",
     "tslib": "^2.8.1",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76",
+    "zod": "^4.3.6",
     "zone.js": "0.15.1"
   },
   "devDependencies": {

examples/lit/standard-schema/package.json

@@ -14,7 +14,7 @@
     "effect": "^3.17.14",
     "lit": "^3.3.1",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "vite": "^7.2.2"

examples/react/dynamic/package.json

@@ -20,7 +20,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^5.1.1",
     "vite": "^7.2.2",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "browserslist": {
     "production": [

examples/react/next-server-actions-zod/package.json

@@ -9,11 +9,11 @@
   },
   "dependencies": {
     "@tanstack/react-form-nextjs": "^1.28.3",
-    "@tanstack/react-store": "^0.8.1",
+    "@tanstack/react-store": "^0.9.1",
     "next": "16.0.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@types/node": "^24.1.0",

examples/react/next-server-actions-zod/src/app/action.ts

@@ -7,8 +7,15 @@ import {
 import { z } from 'zod'
 import { formOpts } from './shared-code'
 
+// Required as `z.coerce.number()` defined the type as `unknown`, so we need to do the coercion and validation manually
+const zodAtLeast12 = z
+  .custom<number>()
+  .refine((value) => Number.isFinite(Number(value)), 'Invalid number')
+  .transform((value) => Number(value))
+  .refine((value) => value >= 12, 'Age must be at least 12')
+
 const schema = z.object({
-  age: z.coerce.number().min(12),
+  age: zodAtLeast12,
   firstName: z.string(),
 })
 

examples/react/next-server-actions-zod/src/app/client-component.tsx

@@ -11,6 +11,13 @@ import { z } from 'zod'
 import someAction from './action'
 import { formOpts } from './shared-code'
 
+// Required as `z.coerce.number()` defined the type as `unknown`, so we need to do the coercion and validation manually
+const zodAtLeast8 = z
+  .custom<number>()
+  .refine((value) => Number.isFinite(Number(value)), 'Invalid number')
+  .transform((value) => Number(value))
+  .refine((value) => value >= 8, 'Age must be at least 8')
+
 export const ClientComp = () => {
   const [state, action] = useActionState(someAction, initialFormState)
 
@@ -27,7 +34,7 @@ export const ClientComp = () => {
       <form.Field
         name="age"
         validators={{
-          onChange: z.coerce.number().min(8),
+          onChange: zodAtLeast8,
         }}
       >
         {(field) => {

examples/react/next-server-actions/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@tanstack/react-form-nextjs": "^1.28.3",
-    "@tanstack/react-store": "^0.8.1",
+    "@tanstack/react-store": "^0.9.1",
     "next": "16.0.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

examples/react/remix/package.json

@@ -12,7 +12,7 @@
     "@remix-run/react": "^2.17.1",
     "@remix-run/serve": "^2.17.1",
     "@tanstack/react-form-remix": "^1.28.3",
-    "@tanstack/react-store": "^0.8.1",
+    "@tanstack/react-store": "^0.9.1",
     "isbot": "^5.1.30",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

examples/react/standard-schema/package.json

@@ -17,7 +17,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@types/react": "^19.0.7",

examples/react/tanstack-start/package.json

@@ -14,7 +14,7 @@
     "@tanstack/react-form-start": "^1.28.3",
     "@tanstack/react-router": "^1.134.9",
     "@tanstack/react-start": "^1.134.9",
-    "@tanstack/react-store": "^0.8.1",
+    "@tanstack/react-store": "^0.9.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/solid/standard-schema/package.json

@@ -16,7 +16,7 @@
     "react-dom": "^19.0.0",
     "solid-js": "^1.9.9",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "typescript": "5.8.2",

examples/svelte/standard-schema/package.json

@@ -13,7 +13,7 @@
     "arktype": "^2.1.22",
     "effect": "^3.17.14",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^5.1.1",

examples/vue/standard-schema/package.json

@@ -17,7 +17,7 @@
     "react-dom": "^19.0.0",
     "valibot": "^1.1.0",
     "vue": "^3.5.13",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",

packages/angular-form/package.json

@@ -42,7 +42,7 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/angular-store": "^0.8.1",
+    "@tanstack/angular-store": "^0.9.1",
     "@tanstack/form-core": "workspace:*",
     "tslib": "^2.8.1"
   },

packages/form-core/package.json

@@ -53,11 +53,11 @@
   "dependencies": {
     "@tanstack/devtools-event-client": "^0.4.0",
     "@tanstack/pacer-lite": "^0.1.1",
-    "@tanstack/store": "^0.8.1"
+    "@tanstack/store": "^0.9.1"
   },
   "devDependencies": {
     "arktype": "^2.1.22",
     "valibot": "^1.1.0",
-    "zod": "^3.25.76"
+    "zod": "^4.3.6"
   }
 }