TypeError: Cannot read properties of undefined (reading 'path')

[nilabhjaiswal]

import React,{ Fragment, useEffect } from 'react'; import {useDispatch, useSelector } from "react-redux"; import { useAlert } from "react-alert"; import { Link, useMatch } from "react-router-dom"; import { Typography } from "@mui/material"; import "./OrderDetails.css"; import Loader from "../layout/Loader/Loader"; import MetaData from "../layout/MetaData"; import { getOrderDetails, clearErrors } from "../../actions/orderAction";

const OrderDetails = () => { const { order, error, loading } = useSelector((state) => state.orderDetails);

const match = useMatch(); const dispatch = useDispatch(); const alert = useAlert();

useEffect(() => { if (error) { alert.error(error); dispatch(clearErrors()); }

dispatch(getOrderDetails(match.params.id));

}, [dispatch, alert, error, match.params.id]); return (

{loading ? ( ) : (

Order #{order && order._id} Shipping Info

Name:

{order.user && order.user.name}

Phone:

{order.shippingInfo && order.shippingInfo.phoneNo}

Address:

{order.shippingInfo && `${order.shippingInfo.address}, ${order.shippingInfo.city}, ${order.shippingInfo.state}, ${order.shippingInfo.pinCode}, ${order.shippingInfo.country}`}

Payment

{order.paymentInfo && order.paymentInfo.status === "succeeded" ? "PAID" : "NOT PAID"}

Amount:

{order && order.totalPrice}

Order Status

{order && order.orderStatus}

Order Items:

{order.orderItems && order.orderItems.map((item) => (

{item.name} {" "} {item.quantity} X ₹{item.price} ={" "} ₹{item.price * item.quantity}

))}

)}

) }

export default OrderDetails