diff --git a/docs/framework/react/guides/devtools.md b/docs/framework/react/guides/devtools.md index d5bc5707a..576c5f9a3 100644 --- a/docs/framework/react/guides/devtools.md +++ b/docs/framework/react/guides/devtools.md @@ -14,10 +14,10 @@ npm i @tanstack/react-devtools npm i @tanstack/react-form-devtools ``` -Next in the root of your application import the `TanstackDevtools`. +Next in the root of your application import the `TanStackDevtools`. ```tsx -import { TanstackDevtools } from '@tanstack/react-devtools' +import { TanStackDevtools } from '@tanstack/react-devtools' import App from './App' @@ -25,15 +25,15 @@ createRoot(document.getElementById('root')!).render( - + , ) ``` -Import the `FormDevtoolsPlugin` from **TanStack Form** and provide it to the `TanstackDevtools` component. +Import the `FormDevtoolsPlugin` from **TanStack Form** and provide it to the `TanStackDevtools` component. ```tsx -import { TanstackDevtools } from '@tanstack/react-devtools' +import { TanStackDevtools } from '@tanstack/react-devtools' import { FormDevtoolsPlugin } from '@tanstack/react-form-devtools' import App from './App' @@ -42,11 +42,11 @@ createRoot(document.getElementById('root')!).render( - + , ) ``` -Finally add any additional configuration you desire to the `TanstackDevtools` component, more information can be found under the [TanStack Devtools Configuration](https://tanstack.com/devtools/) section. +Finally add any additional configuration you desire to the `TanStackDevtools` component, more information can be found under the [TanStack Devtools Configuration](https://tanstack.com/devtools/) section. A complete working example can be found in our [examples section](https://tanstack.com/form/latest/docs/framework/react/examples/devtools).