Quiero eliminar un elemento almacenado en Almacenamiento local cuando se hace clic en él. Pero no sé cómo hacer eso. Por favor ayúdame a resolver este problema. ¡¡Muchas gracias!!

el código aquí mismo:

 const cartSlice = createSlice({ name: 'cart', initialState: JSON.parse(localStorage.getItem('item')) || { products: [], quantity: 0, total: 0, }, reducers: { addProduct: (state, action) => { state.products.push(action.payload); state.quantity += 1; state.total += action.payload.price * action.payload.quantity; localStorage.setItem('item', JSON.stringify(state)); }, deleteItem: (state, action) => { state.products = state.products.filter((item) => { // }); state.quantity -= 1; state.total -= action.payload.price * action.payload.quantity; }, reset: (state) => { return state; }, }, });