Is it possible that outlet content in path: /a/b into path: /

[WreewanMorhee]

as title,
I have two route: / and /a/b
is it possible that I can directly outlet the content of /a/b into / ?

example code below:

path: /a/b
$title.$text.tsx

export default function Index() {
  return (
    <div>
      My content
    </div>
      
  );
}

path: /
_index.tsx:

export default function Index() {
  return (
    <>
      <header>
        RemixRun 
      </header>

      <div className='w-screen flex'>
        <SideBar />
        
        <Outlet />  /* I hope I could outlet /a/b content here */
      </div>
    </>
  );
}

appreciate any solution

[WreewanMorhee]

the only solution I think is move the code below to root.tsx

export default function Index() {
  return (
    <>
      <header>
        RemixRun 
      </header>

      <div className='w-screen flex'>
        <SideBar />
        
        <Outlet />  /* I hope I could outlet /a/b content here */
      </div>
    </>
  );
}

any other solution ?

[sergiodxa]

Index routes can't have child routes, but index and /a/b/ could be both children routes of another pathless route.

routes/_layout.tsx <- here render the header and sidebar
routes/_layout._index.tsx <- this will be /
routes/_layout.a.b.tsx <- this will be /a/b

[WreewanMorhee]

What a goooooood shit
thank u sir !