rare-sapphire

Layout Pathless Route seems to not work

Hello, when i'm going to /user/profile by example /_app.tsx is not rendered. It is normal ?

3 Replies

rare-sapphireOP•7mo ago

_app.tsx

import { createFileRoute, Outlet } from '@tanstack/react-router'
import { StandardSiteLayout } from '../../src/App/StandardSite'

export const Route = createFileRoute('/_app')({
  component: RouteComponent,
})

function RouteComponent() {
  return <StandardSiteLayout><Outlet /></StandardSiteLayout>
}

import { createFileRoute, Outlet } from '@tanstack/react-router'
import { StandardSiteLayout } from '../../src/App/StandardSite'

export const Route = createFileRoute('/_app')({
  component: RouteComponent,
})

function RouteComponent() {
  return <StandardSiteLayout><Outlet /></StandardSiteLayout>
}

sunny-green•7mo ago

this works https://stackblitz.com/edit/tanstack-router-hy88f33d?file=src%2Froutes%2F_app.tsx,src%2Froutes%2F_app%2Fuser%2Fprofile.tsx,src%2Froutes%2F__root.tsx&preset=node

StackBlitz

Router Quickstart File Based Example (forked) - StackBlitz

Run official live example code for Router Quickstart File Based, created by Tanstack on StackBlitz

sunny-green•7mo ago

compare your setup against that

Gaming

Programming

Layout Pathless Route seems to not work

Did you find this page helpful?