handle fetch error

1function CheckError(response) {
2  if (response.status >= 200 && response.status <= 299) {
3    return response.json();
4  } else {
5    throw Error(response.statusText);
6  }
7}
8
9// Now call the function inside fetch promise resolver
10fetch(url)
11  .then(CheckError)
12  .then((jsonResponse) => {
13  }).catch((error) => {
14  });

1export async function getStaticProps(context) {
2  const res = await fetch(`https://...`)
3  const data = await res.json()
4
5  //use this statement for the program not to crush but go back to the home page
6  if (!data) {
7    return {
8      redirect: {
9        destination: '/',
10        permanent: false,
11      },
12    }
13  }
14
15  return {
16    props: {}, // will be passed to the page component as props
17  }
18}

1[Solved] Getting “TypeError: Failed to fetch” when the request hasn’t actually failed
2