{error.message}
\n },\n {\n path: '/help',\n component: () => import('./Help')\n }\n ]\n} as Route;\n\nexport default function App() {\n return (\n{user!.username}(#{params.id})
;\n}\n```\n\nThe progress bar above the view is just `useLoading`:\n\n```tsx\nimport {useLoading} from '@native-router/react';\n\nexport default function Loading() {\n const loading = useLoading();\n return loading?.status === 'pending' ? : null;\n}\n```\n\nRender something for unmatched paths instead of a blank screen — a `notFound` prop on the Router components (a ReactNode as-is, or a component type rendered with no props):\n\n```tsx\n{error.message}
\n }\n ]\n});\n\nfunction ArticleList() {\n const articles = useData