default.js
Fallback UI for a parallel route slot when no segment matches.
Syntax
export default function Default() { return null } Parameters
| Name | Type | Required | Description |
|---|---|---|---|
params | Promise<Record<string, string | string[]>> | No | Async dynamic params (Next 15). |
Returns
ReactNode — Rendered when a parallel slot has no active match.
Examples
// app/@modal/default.tsx — render nothing when no modal is open
export default function Default() {
return null
}
// app/@analytics/default.tsx
export default function Default() {
return <DefaultStats />
}
Notes
Used with Parallel Routes (`@slot` folders). When the current URL
does not match a slot's sub-route (e.g. on a hard navigation or
refresh), Next renders that slot's `default.js` instead of erroring.
Returning `null` is common for optional UI like modals.