From b270bde6876b543c4672a8886482898c788d4761 Mon Sep 17 00:00:00 2001
From: Ritik Sachan <sachanritik1@gmail.com>
Date: Wed, 24 Sep 2025 15:58:09 +0530
Subject: [PATCH 1/2] Fix: typo in importing TanStackDevtools

There was a typo while importing TanStackDevtools. It is suppose to be TanStackDevtools instead of TanstackDevtools
---
 docs/framework/react/guides/devtools.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/framework/react/guides/devtools.md b/docs/framework/react/guides/devtools.md
index d5bc5707a..55238bc99 100644
--- a/docs/framework/react/guides/devtools.md
+++ b/docs/framework/react/guides/devtools.md
@@ -17,7 +17,7 @@ npm i @tanstack/react-form-devtools
 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,7 +25,7 @@ createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
 
-    <TanstackDevtools />
+    <TanStackDevtools />
   </StrictMode>,
 )
 ```
@@ -33,7 +33,7 @@ createRoot(document.getElementById('root')!).render(
 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,7 +42,7 @@ createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
 
-    <TanstackDevtools plugins={[FormDevtoolsPlugin()]} />
+    <TanStackDevtools plugins={[FormDevtoolsPlugin()]} />
   </StrictMode>,
 )
 ```

From 1ebaa5d3e1556e4d0a503a2dcd22d855d9ed8d5b Mon Sep 17 00:00:00 2001
From: Ritik Sachan <sachanritik1@gmail.com>
Date: Wed, 24 Sep 2025 16:13:43 +0530
Subject: [PATCH 2/2] Fix: correct casing of TanStackDevtools references in
 documentation

---
 docs/framework/react/guides/devtools.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/framework/react/guides/devtools.md b/docs/framework/react/guides/devtools.md
index 55238bc99..576c5f9a3 100644
--- a/docs/framework/react/guides/devtools.md
+++ b/docs/framework/react/guides/devtools.md
@@ -14,7 +14,7 @@ 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'
@@ -30,7 +30,7 @@ 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'
@@ -47,6 +47,6 @@ 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).