なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

SWR で1回だけ fetch したい

React Hooks でデータフェッチングをするライブラリである SWR ですが、アプリケーションを通して 1 度だけ fetch したい、みたいな時もあると思います。
そのときの解決方法。

といっても、仕組みはすでに (v1.0 から) 用意されていて、以下にようにするだけ。

import useSWR from "swr/immutable"; // immutable から import する

// ...
const { data, error } = useSWR("/api/config", fetcher);

名前としては、まぁ default export なので useSWR のままでも良いのですが、 useSWRImmutable がよく使われているようです。
ということで、メモでした。

参考: