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

Question

So I am trying to fetch an API using NextJS and I am using SWR.

My code is as follows:

import useSWR from "swr";
const fetcher = (url: string) => fetch(url).then((res) => res.json());

export default function Home(){


  const { data, error, isLoading } = useSWR(
    "https://api.github.com/repos/vercel/swr",
    fetcher
  );

return <></>
}

When saving the file I get the following message:

score 0 · Answer 1 · answered Aug 04 '23 at 06:36

0

you are using Next.js 13.4.9. However, the latest version of SWR is 1.2.3, which is compatible with Next.js 13.4.9. So, you can update SWR to the latest version without any problems.

npm install swr@1.2.3

Once you have updated SWR, you should no longer get the error.

answered Aug 04 '23 at 06:36

Muhammad Idrees

570
4
10

I got error as "No matching version found for swr@1.2.3" – Ashutosh Dash Aug 04 '23 at 06:43
npm install swr@2.2.0. I assure you, your current version of SWR is not compatible with Next.js. – Muhammad Idrees Aug 04 '23 at 06:50
and Before installation clear the cache of the npm by useing this command npm cache clean --force – Muhammad Idrees Aug 04 '23 at 06:52
Thanks for the info. It showed the same error. I refer the documentation found that I have to use "use client"; at the top. https://swr.vercel.app/docs/with-nextjs – Ashutosh Dash Aug 04 '23 at 07:01

score 0 · Answer 2 · answered Aug 04 '23 at 07:03

0

The issue gets solved by adding "use client"; at the top.

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

answered Aug 04 '23 at 07:03

Ashutosh Dash

344
1
5
11

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

2 Answers2