مشکل در fetch

با سلام
من داخل react با fetch میخوام از سمت سرور یه داده ای رو بگیرم، اما این ارور رو میده
NetworkError when attempting to fetch resource.
درصورتی که داخل inspect مرورگر استاتوس کد ۲۰۰ رو زده و دیتا هم لود شده و همون دیتای مد نظرم هست

این هم کد کامپوننت ری اکت که از خود داکیونتیشن ری اکت برداشتم

function MyComponent() {
    const [error, setError] = useState(null);
    const [isLoaded, setIsLoaded] = useState(false);
    const [items, setItems] = useState([]);

    // Note: the empty deps array [] means
    // this useEffect will run once
    // similar to componentDidMount()
    useEffect(() => {
      fetch(BASEURL + 'apis/categories/all/')
        .then(res => res.json())
        .then(
            (result) => {
                setIsLoaded(true);
                setItems(result.data);
            },
            (error) => {
                setIsLoaded(true);
                setError(error);
            }
        )
    }, [])

    if (error) {
      return <div>Error: {error.message}</div>;
    } else if (!isLoaded) {
      return <div>Loading...</div>;
    } else {
      return (
        <ul>
          {items.map(item => (
            <li key={item.id}>
              {item.name}
            </li>
          ))}
        </ul>
      );
    }
  }

خیلی ممنون میشم راهنماییم کنید