React Router v6.4 で v5 から脱出したい - kasu.log

React Router v6 がリリースされてから凡そ半年が立ちました。 そして、v6.4 の足音が近づいてきています。 まだ v5 を利用している方は、これを機にバージョンを上げてみませんか？ 上げたくても上げられない もちろん訳あって上げられない場合もあるかと思います。 私が参加しているプロジェクトでも、流行に遅れてつい先日まで v5 でした。 なぜなら、v6 には preload API がなかったのです。*1 これは、Render-as-you-fetch パターンを導入しているアプリケーションにとって v6 バージョンアップへのハードルを上げていました。 v5 では、以下のように Route コンポーネントが持つ render prop*2 からデータ取得（Relay の loadQuery など）を挟んだ関数を渡すことができました。 <Route path="/home" r