useSWR giving error even after following official docs

Answered

Argentine hake posted this in #help-forum

Open in Discord

Argentine hakeOP

2023-11-20T05:17:01.000Z

I have used the following code, which can be found in official docs easily but it throws error

Answered by risky

your page probably isn't a [client component](https://nextjs-faq.com/when-client-component-in-app-router)

View full answer

12 Replies

Argentine hakeOP

2023-11-20T05:17:09.000Z

import React from "react";
import useSWR from "swr";


const fetcher = (...args) => fetch(...args).then(res => res.json())

export default function App() {
  const { data, error, isLoading } = useSWR(
    "https://rickandmortyapi.com/api/character",
    fetcher
  );

  if (error) return "An error has occurred.";
  if (isLoading) return "Loading...";
  return (
    <>
    Loading...
    </>
  );
}

it throws following error