Next.js(App Router)におけるSWRのエラー

SWRとserver actionsを使ったら、

 ⨯ TypeError: (0 , swr__WEBPACK_IMPORTED_MODULE_1__.default) is not a function

なるエラーが出る。どうやらSWRを使用していることによって発生しているエラーのよう。

前提は以下。

App Routerのclient component（CompX）で、SWRを使ってフェッチしている箇所がある。
そのCompXは、別のclient component（CompA）で使用している。CompAはあるserver componentで使用しており、つまり、compAがclientとserverの境界になっているので、compAには'use client'をつけている。client component配下は、すべてclient componentになる＋原則境界のみに'use client'をつけるので、compXには'use client'の記述はない。

公式ドキュメントによると、SWRを使うコンポーネントでは、'use client'をつける必要があるみたい。これでエラーは解消された。

https://swr.vercel.app/docs/with-nextjs