Breaking News: Grepper is joining You.com. Read the official announcement!

Method 2: handle getserversideprops errors

Engr Suvo answered on August 15, 2022 Popularity 6/10 Helpfulness 5/10

answer Method 2: handle getserversideprops errors

related Method 1: handle getserversideprops errors

Method 2: handle getserversideprops errors

Comment

export async function getServerSideProps() {
  const res = await fetch('https://api.github.com/repos/zeit/next.js')
  const errorCode = res.ok ? false : res.statusCode
  const json = await res.json()

  return {
    props: { stars: json.stargazers_count },
    error: { code: errorCode, message: 'Error!' }
  }
}

Popularity 6/10 Helpfulness 5/10 Language javascript

Source: github.com

Tags: handle javascript

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Engr Suvo

0 Answers Avg Quality 2/10

Closely Related Answers

Method 1: handle getserversideprops errors

Comment

import Error from "next/error";

function MyApp({Component, pageProps}) {
  if (pageProps.error) {
    return <Error statusCode={pageProps.error.statusCode} title={pageProps.error.message} />;
  }
  return (
    <Component {...pageProps} />
  );
}

export default MyApp;

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: github.com

Tags: javascript handle

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Engr Suvo

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Method 2: handle getserversideprops errors

Contents

More Related Answers

Method 2: handle getserversideprops errors

Closely Related Answers

Method 1: handle getserversideprops errors

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.