default.js

Fallback UI for a parallel route slot when no segment matches.

Since Next 13 (App Router) Spec ↗

Syntax

export default function Default() { return null }

Parameters

NameTypeRequiredDescription
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.

See also