I am attempting to troubleshoot an error with my Next.js server-side data fetching, but I am encountering two problems.
export async function getStaticProps() {
try {
const fetchUrl = "some api url";
const resp = await axios.get(fetchUrl);
return { props: { articles: resp.data.articles } };
} catch (err) {
console.log(err)
return { props: { articles: [], error: err } };
}
}
The error object is not serializable and I am unable to view the console log result. I have tried converting the error to a string and received an output of object undefined.
When it reaches the catch block, I attempted to assign a "custom error message" to it, but I do not have access to the exception message within the catch block.
The official documentation for Next.js only mentions using custom messages for errors.