我正在使用match.params从后端获取单个产品的ID，但我遇到错误，请帮助我解决此错误

import React, { useEffect } from "react";
import Carousel from "react-material-ui-carousel";
import "./ProductDetail.css";
import { useSelector, useDispatch } from "react-redux";
import { getProductDetails } from "../../actions/productActions";

const ProductDetail = ({ match }) => {
  const dispatch = useDispatch();

  const { product, loading, error } = useSelector(
    (state) => state.productDetail
  );

  useEffect(
    () => {
      dispatch(getProductDetails(match.params.id));
    },
    [dispatch, match.params.id]
  );

我收到此错误：
TypeError：无法读取未定义的属性（阅读'params'）

| useEffect(
  15 |   () => {
  16 |     dispatch(getProductDetails(match.params.id));
> 17 |   },
     | ^  18 |   [dispatch, match.params.id]
  19 | );

请提供此问题的解决方案或任何其他解决方法？？