From aa92accdbd833e3721ded7a35a41b4f3e174aad8 Mon Sep 17 00:00:00 2001
From: Artur Abdullin <30603428+ArturAbdullin@users.noreply.github.com>
Date: Mon, 4 Nov 2024 09:38:47 +0300
Subject: [PATCH] docs(devtools): fix typo (#8248)

---
 docs/framework/react/devtools.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md
index 2725130b96..d836367cd0 100644
--- a/docs/framework/react/devtools.md
+++ b/docs/framework/react/devtools.md
@@ -98,7 +98,7 @@ Embedded mode will show the development tools as a fixed element in your applica
 Place the following code as high in your React app as you can. The closer it is to the root of the page, the better it will work!
 
 ```tsx
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
 
 function App() {
   const [isOpen, setIsOpen] = React.useState(false)