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

react js error boundary functional component

Anxious Alligator answered on February 20, 2022 Popularity 10/10 Helpfulness 2/10

answer react js error boundary functional component

react js error boundary functional component

Comment

-1

// https://gist.github.com/andywer/800f3f25ce3698e8f8b5f1e79fed5c9c
import Catch from "./functional-error-boundary"

type Props = {
  children: React.ReactNode
}

const MyErrorBoundary = Catch(function MyErrorBoundary(props: Props, error?: Error) {
  if (error) {
    return (
      <div className="error-screen">
        <h2>An error has occured</h2>
        <h4>{error.message}</h4>
      </div>
    )
  } else {
    return <React.Fragment>{props.children}</React.Fragment>
  }
})

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: boundary javascript

Link to this answer
Share Copy Link