withLayout

Group routes by layout, so you don't need to pass layout property manually in all routes. Works for createRouteView and createLazyRouteView.

Example

import {
  createRoutesView,
  createRouteView,
  withLayout,
} from '@argon-router/react';

import { ProfileScreen } from './profile';
import { SignInScreen } from './sign-in';
import { SignUpScreen } from './sign-up';

import { routes } from '@shared/routing';

import { AuthLayout } from '@layouts/auth';

export const RoutesView = createRoutesView([
  ...withLayout(AuthLayout, [
    createRouteView({ route: routes.signIn, view: SignInScreen }),
    createRouteView({ route: routes.signUp, view: SignUpScreen }),
  ]),
  createRouteView({ route: routes.profile, view: ProfileScreen }),
]);