Function Home

examples/react/drizzle/src/routes/index.tsx:9–39

()

})

function Home() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>
      <h1 style={{ textAlign: 'center', width: '100%' }}>
        Welcome to the Drizzle + TanStack Start example!
      </h1>
      <TanStackDevtools
        plugins={[
          {
            name: 'TanStack Router',
            render: () => <TanStackRouterDevtoolsPanel />,
          },
          {
            name: 'Drizzle Studio',
            render: () => (
              <iframe
                src="https://local.drizzle.studio"
                style={{
                  flexGrow: 1,
                  width: '100%',
                  height: '100%',
                  border: 0,
                }}
              />
            ),
          },
        ]}
      />
    </div>
  )
}