运行代码，我得到“考虑向树中添加错误边界以自定义错误处理行为：我该怎么修呢

import React, { useState, useEffect } from "react";

const BASE_URL = "https://dummyjson.com/products";

export default function App() {
  const [product, setProduct] = useState([]);

  useEffect(() => {
    fetch(`${BASE_URL}`)
      .then((res) => res.json())
      .then((res) => {
        setProduct(res);
      })
      // .then(console.log)
  }, []);

  return (
    <ul>
      {product.map((item) => (
        <li key={item.id}>
          {item.products.brand}
        </li>
      ))}
    </ul>
  );
}

我尝试更改另一个API，未出现错误