Inherit layout recursively on routes

[dan-lee]

Allows recursive layout handling for routes, so they can be defined like:

getRoutes: () => [
  {
    element: <Provider><Outlet /></Provider>,
    handle: { layout: "none" },
    children: [{
      // 👇 Will inherit layout: "none" 
      path: "/custom",
      element: <Page />,
    }]
  }
]

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
zudoku-cosmo-cargo	Ready	Preview	Jan 20, 2026 2:45pm
zudoku-dev	Ready	Preview	Jan 20, 2026 2:45pm

[Copilot]

Pull request overview

This PR refactors the route layout handling to work recursively on nested routes. Previously, the layout wrapper was only applied to top-level routes. Now, the new processRoutes function recursively processes all route children and applies layout wrapping at each level.

Changes:

• Replaced the wrapWithLayout function with a new processRoutes recursive function
• Changed the children processing from a simple map operation to a recursive traversal that handles nested route structures

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[github-actions]

Preview build of published Zudoku package for commit 61ecb75.

See the deployment at: https://2d6c5b79.cosmocargo-public-package.pages.dev

Note

This is a preview of the Cosmo Cargo example using the Zudoku package published to a local registry to ensure it'll be working when published to the public NPM registry.

Last updated: 2026-01-20T14:46:44.122Z