如何实现错误边界的反应与服务器端渲染在nextjs?

Question

ComponentDidCatch(用于实现错误边界)似乎在服务器端不起作用。这是react当前的一个限制，有没有人找到任何解决这个问题的方法?

Answer 1

import React from "react";
class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }
  static getDerivedStateFromError() {
    return { hasError: true };
  }
  render() {
    if (this.state.hasError) {
      return "Internal Error.";
    }
    return this.props.children;
  }
}