如何在react apollo中全局处理错误

import React, { Component } from 'react';

class ErrorBoundary extends Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  componentDidCatch(error, errorInfo) {
    // 在这里处理错误，例如发送错误日志到服务器
    this.setState({ hasError: true });
  }

  render() {
    if (this.state.hasError) {
      // 渲染备用UI或显示错误信息
      return <div>发生错误，请刷新页面重试。</div>;
    }
    return this.props.children;
  }
}

export default ErrorBoundary;

import React from 'react';
import ErrorBoundary from './ErrorBoundary';

const MyComponent = () => {
  return (
    <ErrorBoundary>
      {/* 需要处理错误的组件代码 */}
    </ErrorBoundary>
  );
};

export default MyComponent;

import React from 'react';
import { ApolloProvider } from '@apollo/client';
import ErrorBoundary from './ErrorBoundary';
import apolloClient from './apolloClient';

const App = () => {
  return (
    <ErrorBoundary>
      <ApolloProvider client={apolloClient}>
        {/* 应用的其他组件 */}
      </ApolloProvider>
    </ErrorBoundary>
  );
};

export default App;