Next.js から SWR を使ってポーリング処理を調べるケースがあったのでメモ。やっぱり気になるのはSSRとの絡み🤔

• SSRでデータを取得する
• SSRで取得したデータがポーリング条件を満たしている場合、ブラウザ側で条件を満たすまでポーリング
• SSRで取得したデータがポーリング条件を満たしていないとき、ブラウザ側は何もしない

ということをやりたい。

参考になるやつ

https://zenn.dev/mast1ff/articles/40b3ea4e221c36

SSR で取得したデータがポーリング条件を満たしていないとき、ブラウザ側は何もしない

• プリフェッチ
• ポーリング条件指定

が必要

プリフェッチ

https://swr.vercel.app/ja/docs/prefetching#事前データ

ポーリング条件指定

refreshInterval オプションを使う。

https://swr.vercel.app/ja/docs/revalidation

• ポーリングしたくないとき：0（デフォルト
• ポーリングするとき：ミリ秒かミリ秒を返す関数を指定
  • 関数設定できなくない…？
  • バージョンが古かった。1.30.0 へ上げたら解決