Form devtools panel blank in latest version
Hey everyone! 👋
Quick question about the new devtools - loving the release btw!
Issue: The devtools panel shows empty when using
@tanstack/react-form-devtools >= v0.1.1
Details:
- Even the official example shows blank panel: https://tanstack.com/form/latest/docs/framework/react/examples/devtools?panel=sandbox
- Downgrading to v0.1.0 fixes it (panel shows correctly)
Is this a known issue or am I missing something? 🤔
Thanks!React TanStack Form Devtools Example | TanStack Form Docs
An example showing how to implement Devtools in React using TanStack Form.
10 Replies
optimistic-gold•2mo ago
it might be blank because you haven't interacted with a form yet. Does the problem persist even after using an input field?
oh, nevermind, you mentioned the downgrading
hmm, well, I can confirm that I also can't see the panels in the example unless I use v0.1.0
blank-aquamarineOP•2mo ago
Thanks for confirming! 😊
I did some more digging into the
@tanstack/react-form-devtools >= v0.1.1 issue.
What I found
When using react-form-devtools v0.1.1+, downgrading its dependency @tanstack/devtools-event-client fixes the problem:
- @tanstack/devtools-event-client@0.3.2 → Panel is blank ❌
- @tanstack/devtools-event-client@0.3.1 → Panel works ✅
So it seems the issue is related to changes in devtools-event-client v0.3.2.
Workaround
You can fix it temporarily with package overrides:
Should I create an issue in the devtools repo with this info?GitHub
GitHub - TanStack/devtools: 🤖 Framework-agnostic devtools panel ...
🤖 Framework-agnostic devtools panel for handling TanStack libraries devtools and your custom devtool plugins - TanStack/devtools
optimistic-gold•2mo ago
@alle00 is this a good lead? Or do you reckon it's an issue with the form devtools?
fascinating-indigo•2mo ago
this might be a side-effect of fixing an issue with the event client that was causing it to have side-effects, and indeed a timing issue, I think @nneaowwplane is working on refactoring this a bit so this might be solved by that
extended-salmon•2mo ago
Hi, I’ll certainly look into it… I’ve noticed an instance of double panels showing up, which might also be related to the same fix
blank-aquamarineOP•2mo ago
Thanks a lot everyone for chiming in 🙏
Really appreciate all the input from different angles. I’ll hold off for now and wait to see how the refactor progresses
ratty-blush•2mo ago
I am getting the double panels in form dev tools. is there an issue or pr i can follow?
extended-salmon•2mo ago
yeah...I'm working on it, but I'm blocked by another PR atm 😢
It's been on my mind 24/7, I just need to pin a couple people down to help me fix this bug.
passive-yellow•2mo ago
Do you mind linking to the related PRs ?
extended-salmon•2mo ago
event emissions: https://github.com/TanStack/form/pull/1758
utils update: https://github.com/TanStack/form/pull/1789
blocked by: https://github.com/TanStack/form/pull/1771