なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ﾉ

2022/10/27

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

参考：