reducer.js:23 Uncaught TypeError: Cannot read properties of undefined (reading 'type') i'm calulating total price of basket but it shows this error in inspect>> console .shows error in reducer,js >>>> " switch (action.type)"

[minal322]

No description provided.

[ubongn]

can I see the code?

[minal322]

this one is reducer.js file

export const initialState = {
basket: [],
user : null

};

export const getBasketTotal = (basket) =>
basket?.reduce((amount,item) => item.price+amount,0);

/export const getBasketTotal = (basket) => {
const total = basket
.map((item) => item.price)
.reduce((acc, value) => acc - value, 0);
return total;
};/

const reducer = (state, action) => {

switch (action.type) {
case "ADD_TO_BASKET":
return {
...state,
basket : [...state.basket, action.item],
};

  default:
    return state;
}

};

export default reducer;

[minal322]

checkout.js >>>> here suybtotall.js file is called.

function Checkout() {
const [{ basket, user }, dispatch] = useStateValue();

return (

    <div>
      <h3>Hello, { user?.email}</h3>
      <h2 className="checkout_title">Your shopping Basket</h2>

      {basket.map(item => (
        <CheckoutProduct
          id={item.id}
          title={item.title}
          image={item.image}
          price={item.price}
          rating={item.rating}
        />
      ))}

    </div>
  </div>

  <div className="checkout_right">
       <Subtotall />
  </div>
</div>

);
}

export default Checkout;

[minal322]

subtotall.js file >>>>
unction Subtotall() {
const history = useNavigate();
const [{ basket}, dispatch] = useStateValue();

return (

<CurrencyFormat
renderText={(value) => (
<>

Subtotal ({basket.length} items) : value

This order contains a gift

</>

  )}
  decimalScale={2}
  value = {getBasketTotal(basket)}    //error exist here
  displayType={"text"}
  thousandSeparator={true}
  prefix={"₹"}
/>

<button  onClick={e => history('/payment')}>Proceed to Checkout and Check Total Price </button>

); }

export default Subtotall;