don't change docs untill published

TanStack · Dec 27, 2024 · 95a6e02 · 95a6e02
1 parent 6efa18e
commit 95a6e02
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md
@@ -15,31 +15,31 @@ When you begin your TanStack Router journey, you'll want these devtools by your
 The devtools are a separate package that you need to install:
 
 ```sh
-npm install -D @tanstack/react-router-devtools
+npm install -D @tanstack/router-devtools
 ```
 
 or
 
 ```sh
-pnpm add -D @tanstack/react-router-devtools
+pnpm add -D @tanstack/router-devtools
 ```
 
 or
 
 ```sh
-yarn add -D @tanstack/react-router-devtools
+yarn add -D @tanstack/router-devtools
 ```
 
 or
 
 ```sh
-bun add -D @tanstack/react-router-devtools
+bun add -D @tanstack/router-devtools
 ```
 
 ## Import the Devtools
 
 ```js
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 ```
 
 ## Only importing and using Devtools in Development
@@ -52,7 +52,7 @@ const TanStackRouterDevtools =
     ? () => null // Render nothing in production
     : React.lazy(() =>
         // Lazy load in development
-        import('@tanstack/react-router-devtools').then((res) => ({
+        import('@tanstack/router-devtools').then((res) => ({
           default: res.TanStackRouterDevtools,
           // For Embedded Mode
           // default: res.TanStackRouterDevtoolsPanel
@@ -117,7 +117,7 @@ Floating Mode will mount the devtools as a fixed, floating element in your app a
 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!
 
 ```js
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 
 function App() {
   return (
@@ -153,7 +153,7 @@ function App() {
 Embedded Mode will embed the devtools as a regular component in your application. You can style it however you'd like after that!
 
 ```js
-import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtoolsPanel } from '@tanstack/router-devtools'
 
 function App() {
   return (

diff --git a/docs/framework/react/migrate-from-react-location.md b/docs/framework/react/migrate-from-react-location.md
@@ -25,7 +25,7 @@ In this guide we'll go over the process of migrating the [React Location Basic e
 First, we need to install the dependencies for TanStack Router.
 
 ```sh
-npm install @tanstack/react-router @tanstack/react-router-devtools
+npm install @tanstack/react-router @tanstack/router-devtools
 ```
 
 And remove the React Location dependencies.
@@ -85,7 +85,7 @@ mkdir src/routes
 ```tsx
 // src/routes/__root.tsx
 import { createRootRoute, Outlet, Link } from '@tanstack/react-router'
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 
 export const Route = createRootRoute({
   component: () => {

diff --git a/docs/framework/react/quick-start.md b/docs/framework/react/quick-start.md
@@ -30,18 +30,18 @@ Follow the prompts to setup the project.
 
 ```sh
 npm install @tanstack/react-router
-npm install -D @tanstack/router-plugin @tanstack/react-router-devtools
+npm install -D @tanstack/router-plugin @tanstack/router-devtools
 # or
 pnpm add @tanstack/react-router
-pnpm add -D @tanstack/router-plugin @tanstack/react-router-devtools
+pnpm add -D @tanstack/router-plugin @tanstack/router-devtools
 # or
 yarn add @tanstack/react-router
-yarn add -D @tanstack/router-plugin @tanstack/react-router-devtools
+yarn add -D @tanstack/router-plugin @tanstack/router-devtools
 # or
 bun add @tanstack/react-router
-bun add -D @tanstack/router-plugin @tanstack/react-router-devtools
+bun add -D @tanstack/router-plugin @tanstack/router-devtools
 # or
-deno add npm:@tanstack/react-router npm:@tanstack/router-plugin npm:@tanstack/react-router-devtools
+deno add npm:@tanstack/react-router npm:@tanstack/router-plugin npm:@tanstack/router-devtools
 ```
 
 #### Configure the Vite Plugin
@@ -80,7 +80,7 @@ All routes/\*.tsx files should export an object named **Route**, created using c
 
 ```tsx
 import { createRootRoute, Link, Outlet } from '@tanstack/react-router'
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 
 export const Route = createRootRoute({
   component: () => (
@@ -187,7 +187,7 @@ import {
   createRoute,
   createRootRoute,
 } from '@tanstack/react-router'
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 
 const rootRoute = createRootRoute({
   component: () => (