如何在nextJS应用程序中输出错误消息？

Question

我正在尝试在nextJS应用程序中输出错误消息：

/pages/index.js

class page extends Component {
  componentDidMount () {
    throw new Error('My error message')
  }

  render () {
    return <div>something</div>
  }
}

/pages/_error.js

export default class Error extends React.Component {
  static getInitialProps ({ res, xhr }) {
    const statusCode = res ? res.statusCode : (xhr ? xhr.status : null)
    return { statusCode }
  }

  render () {
    return (
      <div>{
          this.props.statusCode
            ? `${this.props.statusCode} not found`
            : 'An error occurred on client' // <-- output of error message
        }</div>
    )
  }
}

我想输出索引页面的自定义错误消息。这可能吗？