useOutletContext

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

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

関連リソース