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.
6 Replies
optimistic-gold•4d 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
rival-blackOP•4d 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•4d ago
@alle00 is this a good lead? Or do you reckon it's an issue with the form devtools?
extended-salmon•4d 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
flat-fuchsia•4d 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
rival-blackOP•4d 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