sos-nextjs/components/errorBoundary/errorBoundary.js

import React from 'react'

import ErrorDisplay from '~/components/errorDisplay'

export default class ErrorBoundary extends React.Component {
  constructor(props) {
    super()
    this.state = {error: null};
  }

  getDerivedStateFromError(error){
    return {error}
  }

  render() {
    if(this.state.error)
      return <ErrorDisplay error={this.state.error} />

    return this.props.children;
  }
}