Children in file based routing

[chertik77]

How i can create my dashboard page like this? (react-router-dom exmaple)

   <Route
          path={Pages.Dashboard}
          element={<DashboardPage />}>
          <Route
            index
            element={<EmptyBoard />}
          />
          <Route
            path=':boardId'
            element={<Board />}
          />
        </Route>

Didn't find anything useful in the docs

[austinm911]

How i can create my dashboard page like this? (react-router-dom exmaple)

   <Route

          path={Pages.Dashboard}

          element={<DashboardPage />}>

          <Route

            index

            element={<EmptyBoard />}

          />

          <Route

            path=':boardId'

            element={<Board />}

          />

        </Route>

Didn't find anything useful in the docs

Check out the Outlet component

[chertik77]

How i can create my dashboard page like this? (react-router-dom exmaple)

   <Route

          path={Pages.Dashboard}

          element={<DashboardPage />}>

          <Route

            index

            element={<EmptyBoard />}

          />

          <Route

            path=':boardId'

            element={<Board />}

          />

        </Route>

Didn't find anything useful in the docs

Check out the Outlet component

I know that Oulet is for rendering children, I'm curios how to structure files?

[chertik77]

Fixed! I need to have dashboard.tsx file then structure goes like this:

dashboard/index.tsx
dasboard/$boardId.tsx