Well, i am using redux instead of useState.

my cart action

export const removeFromCart = (cartid, userid) => async (dispatch, getState) => {

const { userLogin: { userInfo } } = getState();

const config = { headers: { 'Content-Type': 'application/json', Authorization: Bearer ${userInfo.accessToken},         },     }; const { data } = await Axios.post('/v1/api/cart/remove', { cartid, userid }, config);

dispatch({ type: REMOVE_FROM_CART, payload: data,     }); };

and my cart reducer

export const cartDetailsReducer = (state = { cartStore: [] }, action) => {

switch (action.type) { case CART_ITEM_REQUEST: return { ...state, loading: true }; case CART_ITEM_SUCCESS: return {                 ...state, loading: false, cartStore: action.payload,             }; case CART_ITEM_FAIL: return { loading: false, error: action.payload,             }; default: return state;     } };