poc: new form system (#107142)

Demonstrating a composable form system based on TanStack Form & zod.

closes https://linear.app/getsentry/issue/DE-758/form-exploration

Author: TkDodo

eslint.config.mjs

@@ -169,6 +169,10 @@ const restrictedImportPaths = [
     message:
       'The @figma/code-connect package should only be imported in *.figma.tsx files for Figma Code Connect integration',
   },
+  {
+    name: '@tanstack/react-form',
+    message: 'Use @sentry/scraps/form instead',
+  },
 ];
 
 // Used by both: `languageOptions` & `parserOptions`

knip.config.ts

@@ -66,6 +66,8 @@ const config: KnipConfig = {
     '!static/app/stories/**/*.{js,mjs,ts,tsx}!',
     // ignore eslint plugins in production
     '!static/eslint/**/*.mjs!',
+    // new form system is currently only used in stories
+    '!static/app/components/core/form!',
   ],
   compilers: {
     mdx: async text => String(await compile(text)),

package.json

@@ -80,6 +80,9 @@
     "@stripe/stripe-js": "^5.10.0",
     "@swc/plugin-emotion": "14.3.0",
     "@tanstack/query-async-storage-persister": "5.83.1",
+    "@tanstack/react-devtools": "^0.9.3",
+    "@tanstack/react-form": "^1.28.0",
+    "@tanstack/react-form-devtools": "^0.2.13",
     "@tanstack/react-pacer": "^0.17.0",
     "@tanstack/react-query": "5.85.0",
     "@tanstack/react-query-devtools": "5.85.0",
@@ -180,6 +183,7 @@
     "tslib": "^2.8.1",
     "type-fest": "^5.2.0",
     "typescript": "5.9.3",
+    "zod": "^4.3.5",
     "zrender": "6.0.0",
     "zxcvbn": "^4.4.2"
   },
@@ -250,7 +254,7 @@
     ]
   },
   "optionalDependencies": {
-    "fsevents": "^2.3.2"
+    "fsevents": "^2.3.3"
   },
   "APIMethod": "stub",
   "proxyURL": "http://localhost:8000",