📄 tanstack/form/latest/docs/framework/react/examples/devtools

======================================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

public
src
- App.tsx
- index.tsx
.eslintrc.cjs
.gitignore
README.md
index.html
package.json
tsconfig.json

tsx

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

import { TanStackDevtools } from '@tanstack/react-devtools'
import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'

import App from './App'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />

    <TanStackDevtools
      plugins={[formDevtoolsPlugin()]}
      eventBusConfig={{ debug: true }}
    />
  </StrictMode>,
)


import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

import { TanStackDevtools } from '@tanstack/react-devtools'
import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'

import App from './App'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />

    <TanStackDevtools
      plugins={[formDevtoolsPlugin()]}
      eventBusConfig={{ debug: true }}
    />
  </StrictMode>,
)

Field Errors From Form Validators

Partners Become a Partner

scarf analytics