Type Alias RouterConfig

RouterConfig:
    | { [key: string]: RouterConfig
    | (() => Element | Promise<Element>) }
    | {
        "*": (arg: string) => RouterConfig | JSX.Element | Promise<JSX.Element>;
    }
    | { "**": (arg: string[]) => JSX.Element | Promise<JSX.Element> }

Routing configuration that maps path segments to components.

Example

createRouter({
  '': () => <Home/>,
  'users': {
    '': () => <ListUsers/>,
    '*': userId => ({
      '': () => <ShowUser userId={userId}/>
      'comments': () => <ListUsersComments userId={userId}/>
    }),
  },
  '**': () => <NotFound/>,
});

Type Alias RouterConfig

Example

Settings