How to use the useSWR hook in Next.js to fetch data from an API?

Question

Take a look at this Route Handler:

```
// app/items/route.ts
export async function GET(){
  const res= await fetch('https://data.mongodb-api.com/...', { next:{ revalidate: 60 } );
  const data= await res.json();

return Response.json({ data }});
}
```
How is cached data revalidated?

Accepted Answer

Data is revalidated every 60 seconds automatically.

Answer

Revalidation only occurs when a new`GET` request is received.

Answer

Manual revalidation is required to update the data.

Answer

The code does not specify revalidation, so the data remains static.

Question from the Next.js test

How to use the useSWR hook in Next.js to fetch data from an API?