docs(form): Effect Schema also supports Standard Schema (#1259)

* Update validation.md

Effect Schema also supports Standard Schema

* Add validation by Effect/Schema to react example

* ci: apply automated fixes and generate docs

Author: rehos

docs/framework/react/guides/validation.md

@@ -446,6 +446,7 @@ TanStack Form natively supports all libraries following the [Standard Schema spe
 - [Zod](https://zod.dev/)
 - [Valibot](https://valibot.dev/)
 - [ArkType](https://arktype.io/)
+- [Effect/Schema](https://effect.website/docs/schema/standard-schema/)
 
 _Note:_ make sure to use the latest version of the schema libraries as older versions might not support Standard Schema yet.
 

examples/react/standard-schema/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@tanstack/react-form": "^1.2.4",
     "arktype": "^2.1.15",
+    "effect": "^3.13.8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "valibot": "^1.0.0",

examples/react/standard-schema/src/index.tsx

@@ -4,6 +4,7 @@ import * as React from 'react'
 import { createRoot } from 'react-dom/client'
 import * as v from 'valibot'
 import { z } from 'zod'
+import { Schema as S } from 'effect'
 import type { AnyFieldApi } from '@tanstack/react-form'
 
 function FieldInfo({ field }: { field: AnyFieldApi }) {
@@ -42,6 +43,23 @@ const ArkTypeSchema = type({
   lastName: 'string >= 3',
 })
 
+const EffectSchema = S.standardSchemaV1(
+  S.Struct({
+    firstName: S.String.pipe(
+      S.minLength(3),
+      S.annotations({
+        message: () => '[Effect/Schema] You must have a length of at least 3',
+      }),
+    ),
+    lastName: S.String.pipe(
+      S.minLength(3),
+      S.annotations({
+        message: () => '[Effect/Schema] You must have a length of at least 3',
+      }),
+    ),
+  }),
+)
+
 export default function App() {
   const form = useForm({
     defaultValues: {
@@ -53,6 +71,7 @@ export default function App() {
       onChange: ZodSchema,
       // onChange: ValibotSchema,
       // onChange: ArkTypeSchema,
+      // onChange: EffectSchema,
     },
     onSubmit: async ({ value }) => {
       // Do something with form data