Reactjs 类型为“找不到页404”的参数不能分配给类型为“{error:string；}&{children？:ReactNode；}”的参数

我有这个密码

function App() {
  const [prod, setProd] = useState(Object);
  const [resError, setResError] = useState("");
  useEffect(() => {
    (async () => {
      try {
        const searchParams = await new URLSearchParams(match.params.product);
        if (!searchParams.get("Length")) {
          throw new Error("Page Not Found 404");
        }
        const Length = await `${searchParams.get("Length")}`;
        const res = await fetch(`......`);
        const product = await res.json();
        setProd(product);

      } catch (error) {
        setResError(error.message);
      }
    })();
  }, [match]);

  if (resError !== "") {
    return <Error error={resError} />;
  } else return (<Prod prod={prod}/>)
}

---

我检查是否为null。但由于某些原因，我得到了此错误。“Page Not Found 404”类型的参数不能分配给“{error:string；}&{children？：ReactNode；}”类型的参数。

文件中有一个名为“error”的组件。 所以，您试图抛出一个react组件，这是没有意义的。您只需要使用不同的名称导入它，或者最好将组件名称更改为ErrorView

改变

import { Error } from '.......error'

<your code> 

进入

---

名称冲突一如既往，谢谢。

import { Error } from '.......error'

<your code> 

import { Error as ErrorView } from '.......error'

<your code>