useOutletContext

<Outlet context={val} /> コンポーネントの最も近い親からコンテキスト値を返す、React Context 上の便利な API です。

import { useOutletContext } from "@remix-run/react";
 
function Child() {
  const myValue = useOutletContext();
  // ...
}

追加リソース