How can you implement error boundaries in React?

1
2
3
4
5

class Boundary extends Component {
  state = { error: null };
  static getDerivedStateFromError(error) { return { error }; }
  render() { return this.state.error ? <Fallback /> : this.props.children; }
}