Skip to content

Commit

Permalink
@tanstack/router-devtools -> @tanstack/react-router-devtools
Browse files Browse the repository at this point in the history
  • Loading branch information
tannerlinsley committed Oct 17, 2022
1 parent 10ddb6d commit 955738f
Show file tree
Hide file tree
Showing 5 changed files with 8 additions and 13 deletions.
6 changes: 3 additions & 3 deletions docs/guide/devtools.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ When you begin your TanStack Router journey, you'll want these devtools by your
The devtools are bundle split into the `react-router-devtools` package. No need to install anything extra, just:

```js
import { ReactLocationDevtools } from '@tanstack/router-devtools'
import { ReactLocationDevtools } from '@tanstack/react-router-devtools'
```

By default, TanStack Router Devtools are only included in bundles when `process.env.NODE_ENV === 'development'`, so you don't need to worry about excluding them during a production build.
Expand All @@ -27,7 +27,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 { ReactLocationDevtools } from '@tanstack/router-devtools'
import { ReactLocationDevtools } from '@tanstack/react-router-devtools'

function App() {
return (
Expand Down Expand Up @@ -58,7 +58,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 { ReactLocationDevtoolsPanel } from '@tanstack/router-devtools'
import { ReactLocationDevtoolsPanel } from '@tanstack/react-router-devtools'

function App() {
return (
Expand Down
2 changes: 1 addition & 1 deletion examples/react/basic/src/main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import {
createReactRouter,
createRouteConfig,
} from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/router-devtools'
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'

import axios from 'axios'

Expand Down
2 changes: 1 addition & 1 deletion examples/react/kitchen-sink/src/main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import {
createRouteConfig,
RouteConfig,
} from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/router-devtools'
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'

import {
fetchInvoices,
Expand Down
2 changes: 1 addition & 1 deletion packages/react-router-devtools/package.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "@tanstack/router-devtools",
"name": "@tanstack/react-router-devtools",
"author": "Tanner Linsley",
"version": "0.0.1-alpha.1",
"license": "MIT",
Expand Down
9 changes: 2 additions & 7 deletions tsconfig.base.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,8 @@
"paths": {
"@tanstack/router-core": ["packages/router-core"],
"@tanstack/react-router": ["packages/react-router"],
"@tanstack/router-lite-experimental": [
"packages/react-router-lite-experimental"
],
"@tanstack/router-devtools": ["packages/react-router-devtools"],
"@tanstack/router-jsurl": ["packages/react-router-jsurl"],
"@tanstack/router-rank-routes": ["packages/react-router-rank-routes"],
"@tanstack/router-simple-cach": ["packages/react-router-simple-cache"]
"@tanstack/react-router-devtools": ["packages/react-router-devtools"],
"@tanstack/router-rank-routes": ["packages/react-router-rank-routes"]
}
}
}

0 comments on commit 955738f

Please sign in to comment.