Devtools is not mounted

[junqdu]

Describe the bug

After updating to from 0.1.8 @tanstack/react-form-devtools to 0.2.9, the devtool panel no longer works, and it has error message Devtools is not mounted

Neither the following usage works

    <TanStackDevtools
      plugins={[
        {
          name: 'TanStack Query',
          render: <ReactQueryDevtoolsPanel />,
        },
        {
          name: 'TanStack Router',
          render: <TanStackRouterDevtoolsPanel />,
        },
        {
          name: 'TanStack Form',
          render: <FormDevtoolsPanel />,
        },
      ]}
    />

    <TanStackDevtools
      plugins={[
        {
          name: 'TanStack Query',
          render: <ReactQueryDevtoolsPanel />,
        },
        {
          name: 'TanStack Router',
          render: <TanStackRouterDevtoolsPanel />,
        },
        formDevtoolsPlugin()
      ]}
    />

Your minimal, reproducible example

was not able to reproduce it in codesandbox, https://codesandbox.io/p/devbox/compassionate-wave-dzsvyp

Steps to reproduce

n/a

Expected behavior

not crash with Devtools is not mounted

How often does this bug happen?

None

Screenshots or Videos

No response

Platform

macOS 26, chrome 143.0.7499.147

TanStack Form adapter

react-form

TanStack Form version

1.27.6

TypeScript version

5.9.3

Additional context

No response

[AlemTuzlak]

try updating all your devtools dependencies to latest

[NesChaiyapon]

Upgrading both @tanstack/react-form and @tanstack/react-form-devtools to their latest version can solve this issue for me.

[LeCarbonator]

Should be resolved by @tanstack/react-form-devtools@0.2.11