Describe the bug
runtime error in nextjs
Your minimal, reproducible example
I'll add this later
Steps to reproduce
Added the packages pnpm add @tanstack/react-devtools @tanstack/react-form-devtools @tanstack/react-query-devtools
// layout.tsx
export default function RootLayout(props: {
children: React.ReactNode;
}) {
return (
<html
lang="es"
suppressHydrationWarning
>
<body>
{props.children}
<Devtools />
</body>
</html>
);
}// client.tsx
"use client";
import { TanStackDevtools } from "@tanstack/react-devtools";
import { FormDevtoolsPlugin } from "@tanstack/react-form-devtools";
import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
export function Devtools() {
return (
<TanStackDevtools
plugins={[
{
name: "TanStack Query",
render: <ReactQueryDevtoolsPanel />,
},
FormDevtoolsPlugin(),
]}
/>
);
}Expected behavior
I expected to see no runtime errors
How often does this bug happen?
Every time
Screenshots or Videos
Platform
TanStack Form adapter
None
TanStack Form version
v1.21.1
TypeScript version
v5.9.2
Additional context
Describe the bug
runtime error in nextjs
Your minimal, reproducible example
I'll add this later
Steps to reproduce
Added the packages
pnpm add @tanstack/react-devtools @tanstack/react-form-devtools @tanstack/react-query-devtoolsExpected behavior
I expected to see no runtime errors
How often does this bug happen?
Every time
Screenshots or Videos
Platform
TanStack Form adapter
None
TanStack Form version
v1.21.1
TypeScript version
v5.9.2
Additional context