Function DevtoolsExample

examples/react/basic/src/setup.tsx:58–93

()

const routeTree = rootRoute.addChildren([indexRoute, aboutRoute])
const router = createRouter({
  routeTree,
})
export default function DevtoolsExample() {
  return (
    <>
      <TanStackDevtools
        eventBusConfig={{
          connectToServerBus: true,
        }}
        config={{ sourceAction: 'copy-path', position: 'bottom-left' }}
        plugins={[
          a11yDevtoolsPlugin(),
          {
            name: 'TanStack Query',
            render: <ReactQueryDevtoolsPanel />,
          },
          {
            name: 'TanStack Router',
            render: <TanStackRouterDevtoolsPanel router={router} />,
          },
          {
            name: 'TanStack Router',
            render: <TanStackRouterDevtoolsPanel router={router} />,
          },
          {
            name: 'Package.json',
            render: () => <PackageJsonPanel />,
          },

          /* {
      name: "The actual app",
      render: <iframe style={{ width: '100%', height: '100%' }} src="http://localhost:3005" />,
    } */
        ]}
      />
      <RouterProvider router={router} />
      {import.meta.env.DEV && <A11yAuditFixture />}
    </>
  )