A non-serializable value redux
import { createSlice } from "@reduxjs/toolkit"
const modalsSlice = createSlice({
name: "modals",
initialState: {
errorModal: {
text: ''
},
submitModal: {
text: '',
submit: () => {}
},
successModal: {
text: ''
}
},
reducers: {
showErrorModal(state, action) {
state.errorModal.text = action.payload.text || ''
},
showSubmitModal(state, action) {
state.submitModal.text = action.payload.text || ''
state.submitModal.submit = action.payload.submit || (() => {})
},
showSuccessModal(state, action) {
state.successModal.text = action.payload.text || ''
}
}
})
export const {
showErrorModal,
showSubmitModal,
showSuccessModal
} = modalsSlice.actions
export default modalsSlice.reducerКогда я вызываю showSuccessModal({ text: "Успешно что-то сделано" }) мне выдает ошибку:
A non-serializable value was detected in an action, in the path: payload.submit. Value: ƒ buyProduct() {
return _buyProduct.apply(this, arguments);
}
Take a look at the logic that dispatched this action: {type: 'modals/showSubmitModal', payload: {…}}