form icon indicating copy to clipboard operation
form copied to clipboard

Form devtools is empty and doesn't show forms on page

Open lionelhorn opened this issue 2 months ago • 6 comments

Describe the bug

Using the current https://github.com/TanStack/form/tree/main/examples/react/devtools

Nothing appears in the devtools panel for form

Your minimal, reproducible example

https://stackblitz.com/edit/github-rctgnqaa?file=package.json

Steps to reproduce

npm install npm run dev

open vite app and open devtools form

Expected behavior

Form data to show in devtools

How often does this bug happen?

Every time

Screenshots or Videos

Image

Platform

Windows 11 Chrome 141.0.7390.77

TanStack Form adapter

None

TanStack Form version

0.7.6

TypeScript version

No response

Additional context

"@tanstack/react-devtools": "0.7.6",
"@tanstack/react-form": "1.23.7",
"@tanstack/react-form-devtools": "0.1.7",

lionelhorn avatar Oct 11 '25 12:10 lionelhorn

Same, but if you interact with the form (update fields) you should see it in the DevTool. At least this i happening to me.

tresorama avatar Oct 11 '25 16:10 tresorama

Even with interacting / filling fields of the form, nothing shows in devtools. See repro.

lionelhorn avatar Oct 11 '25 21:10 lionelhorn

Correct. Not working even after updates.

tresorama avatar Oct 12 '25 17:10 tresorama

Related : https://discord.com/channels/719702312431386674/1100436934205124660/threads/1422201384065040405

lionelhorn avatar Oct 16 '25 19:10 lionelhorn

Is there any known workaround or temporary fix? Or perhaps a lead as to why it's not working?

(I can't access the Discord link)

zhouzi avatar Nov 10 '25 08:11 zhouzi

I also came across this and it seems like a context error with themeing ? also idk why there would be solidjs imports there

Image Image

mnpqraven avatar Nov 23 '25 09:11 mnpqraven