You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This is my first time using TanStack Form in a TanStack Start project. I am building a simple form to understand different TansStack Form APIs. However I have run into an error.
Environment
TanStack Form version: ^1.14.1
TanStack Router version: ^1.128.0
TanStack Start version: ^1.128.0
Validation
Please note that for form data validation, I am using Effect Schema module.
Description
I'm getting a "Cannot access 'formOpts' before initialization" error when submitting an empty form in a TanStack Start project.
Expected Behavior
When submitting an empty form, I should see field validation errors displayed below the form inputs.
Actual Behavior
Instead of showing validation errors, the application crashes with:
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Hi all,
This is my first time using TanStack Form in a TanStack Start project. I am building a simple form to understand different TansStack Form APIs. However I have run into an error.
Environment
^1.14.1
^1.128.0
^1.128.0
Validation
Please note that for form data validation, I am using Effect
Schema
module.Description
I'm getting a "Cannot access 'formOpts' before initialization" error when submitting an empty form in a TanStack Start project.
Expected Behavior
When submitting an empty form, I should see field validation errors displayed below the form inputs.
Actual Behavior
Instead of showing validation errors, the application crashes with:
Code
Form Configuration (
src/config/form-config.ts
)Server Function (
src/lib/actions/tool-upload-action.ts
)Form Component (
src/components/tool-upload-form.tsx
)Steps to Reproduce
https://github.com/sundaray/TanStack-Start-Effect.git
npm install
npm run dev
/submit
routeRepository
https://github.com/sundaray/TanStack-Start-Effect
Beta Was this translation helpful? Give feedback.
All reactions