📌

Next.jsでSWRを使おうとしたら、エラーになった

2023/07/17に公開

Next.jsでSWRを使おうとしたら、以下のようなエラーメッセージが出ました

Unhandled Runtime Error
Error: (0 , swr__WEBPACK_IMPORTED_MODULE_1__.default) is not a function

色々調べてみたんですが、解決策はこちらでした
https://swr.vercel.app/ja/docs/with-nextjs#client-components

You can mark your components with 'use client' directive or import SWR from client components, both ways will allow you to use the SWR client data fetching hooks.

クライアントサイドで利用する際には、クライアントサイドで利用するってことをちゃんとNext.js側に伝えようねってことですね。
一件落着🎉

Discussion