Viewing docs for an older release. View latest


Renders the matching child route of a parent route.

import { Outlet } from "@remix-run/react";

export default function SomeParent() {
  return (
      <h1>Parent Content</h1>

      <Outlet />



Provides a context value to the element tree below the outlet. Use when the parent route needs to provide values to child routes.

<Outlet context={myContextValue} />

See also: useOutletContext

Docs and examples licensed under MIT