有没有更好的方法来重定向React.js上的API错误？

import React, { useEffect } from 'react';
import { useHistory } from 'react-router-dom';

const fetchData = async () => {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const data = await response.json();
    return data;
  } catch (error) {
    throw error;
  }
};

const MyComponent = () => {
  const history = useHistory();

  useEffect(() => {
    fetchData()
      .then(data => {
        // 处理数据
      })
      .catch(error => {
        console.error('Error fetching data:', error);
        history.push('/error-page');
      });
  }, [history]);

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;