diff --git a/examples/react/basic/src/index.tsx b/examples/react/basic/src/index.tsx index 3cc849198..14679c246 100644 --- a/examples/react/basic/src/index.tsx +++ b/examples/react/basic/src/index.tsx @@ -1,6 +1,7 @@ import { createRoot } from 'react-dom/client' import Devtools from './setup' import { queryPlugin } from './plugin' + setTimeout(() => { queryPlugin.emit('test', { title: 'Test Event', @@ -12,10 +13,11 @@ setTimeout(() => { queryPlugin.on('test', (event) => { console.log('Received test event:', event) }) + function App() { return (
-

TanStack Devtools Basic Example

+

TanStack Devtools React Basic Example

) diff --git a/examples/react/basic/src/setup.tsx b/examples/react/basic/src/setup.tsx index 44fd4a761..cb6d3c06e 100644 --- a/examples/react/basic/src/setup.tsx +++ b/examples/react/basic/src/setup.tsx @@ -2,13 +2,13 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query' import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools' import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools' import { - Outlet, Link, - createRouter, - createRoute, + Outlet, + RouterProvider, createRootRoute, + createRoute, + createRouter, } from '@tanstack/react-router' -import { TanStackRouterDevtools } from '@tanstack/react-router-devtools' import { TanstackDevtools } from '@tanstack/react-devtools' const rootRoute = createRootRoute({ @@ -24,7 +24,6 @@ const rootRoute = createRootRoute({
- ), }) @@ -41,7 +40,11 @@ const indexRoute = createRoute({ }, }) function About() { - return
Hello from About!
+ return ( +
+

Hello from About!

+
+ ) } const aboutRoute = createRoute({ @@ -72,6 +75,7 @@ export default function DevtoolsExample() { }, ]} /> + ) diff --git a/examples/solid/basic/src/index.tsx b/examples/solid/basic/src/index.tsx index 9c36c4f7d..dee14b0f7 100644 --- a/examples/solid/basic/src/index.tsx +++ b/examples/solid/basic/src/index.tsx @@ -1,9 +1,10 @@ import { render } from 'solid-js/web' import Devtools from './setup' + function App() { return (
-

TanStack Devtools Basic Example

+

TanStack Devtools Solid Basic Example

) diff --git a/examples/solid/basic/src/setup.tsx b/examples/solid/basic/src/setup.tsx index e32edb608..3d814a999 100644 --- a/examples/solid/basic/src/setup.tsx +++ b/examples/solid/basic/src/setup.tsx @@ -2,20 +2,28 @@ import { QueryClient, QueryClientProvider } from '@tanstack/solid-query' import { SolidQueryDevtools } from '@tanstack/solid-query-devtools' import { TanStackRouterDevtoolsPanel } from '@tanstack/solid-router-devtools' import { + Link, Outlet, - createRouter, - createRoute, + RouterProvider, createRootRoute, + createRoute, + createRouter, } from '@tanstack/solid-router' -import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools' import { TanstackDevtools } from '@tanstack/solid-devtools' + const rootRoute = createRootRoute({ component: () => ( <> -
+
+ + Home + {' '} + + About + +

- ), }) @@ -32,8 +40,13 @@ const indexRoute = createRoute({ }, }) function About() { - return
Hello from About!
+ return ( +
+

Hello from About!

+
+ ) } + const aboutRoute = createRoute({ getParentRoute: () => rootRoute, path: '/about', @@ -65,6 +78,7 @@ export default function DevtoolsExample() { }, ]} /> + ) }