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
がよく使われているようです。
ということで、メモでした。
参考: