title: Match.params.id don't show anything
body: <pre><code>import React, { useEffect} from 'react'
  import { Link } from 'react-router-dom'
  import { useDispatch, useSelector} from 'react-redux'
  import { Row, Col, Image, ListGroup, Card, Button, ListGroupItem} from 'react-bootstrap'
  import Rating from '../components/Rating'
  import Message from '../components/Message'
  import Loader from '../components/Loader'
  import { listProductDetails } from '../actions/productActions'
  
  const ProductScreen = ({ match }) =&gt; {
     const dispatch = useDispatch()
     const productDetails = useSelector(state =&gt; state.productDetails)
     const { loading, error, product} = productDetails
  
  
     useEffect(() =&gt; {
     dispatch(listProductDetails(match.params.id))
     }, [dispatch,match])
  }
  </code></pre>
  <p>//Match.params.id throws an error and shows nothing. Do you have a solution for this problem?</p>