error: API resolved without sending a response for /XXXX/XXXX, this may result in stalled requests.
I am trying to use Next.js' useSWR for data fetching, but I have been receiving an undefined response. Upon checking the console, I encountered the following error:
API resolved without sending a response for /XXXX/XXXX, this may result in stalled requests.Below is how I am fetching the data using useSWR
const fetcher = (url) => axios(url).then(r => r.data);
const { data, error, isLoading } = useSWR(url, fetcher, {
fallbackData: article,
// revalidateOnFocus: false,
});
Admin
2023-05-30
From your code, I recommend adding handlers for data loading and validation using useSWR. It provides a way to do that. Here's an example:
const { data, error, isLoading } = useSWR(url, fetcher, {
fallbackData: article,
// revalidateOnFocus: false,
});
if (error) return <>{error}</>;
if (isLoading) return <><h1>Loading</h1></>;Regarding the cause of the error, it usually occurs when you don't return any response from that specific endpoint. Check the "/XXXX/XXXX/ and ensure that its returning a response when there is a request.
Similar Content
- Error Next.JS Prisma client not picking up new models
- Using bootstrap classes and css styles together in next.js
- Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server"
- Deployment RollupError: Could not resolve "./Features/Home/Home.jsx" from "src/App.jsx"
- Framer motion error: Module not found: Can't resolve 'react'
Privacy Policy
By using our website,
you agree that devmaesters can store cookies on your device and disclose information in accordance with our privacy policy.