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

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: