How to save an object in the redax store?

Question

JavaScript

In the reducer, xhr outputs an xhr object, file outputs a file object, but the resulting state contains only empty objects. Where is the mistake?

[fileId]: {
    file: {},
    loading: true,
    progress: 0,
    xhr: {},
},

UPLOAD_FILE_REQUEST(state, payload) {
        const {
            contactIndex,
            fileId,
            file,
            xhr,
        } = payload;

        return {
            ...state,
            contacts: state.contacts.map((contact, index) => {
                if (index === contactIndex) {
                    console.log('-->', payload); // здесь payload.xhr выводит объект xhr, file - объект file
                    return {
                        ...contact,
                        draft: {
                            ...contact.draft,
                            files: {
                                ...contact.draft.files,
                                [fileId]: {
                                    file,
                                    loading: true,
                                    progress: 0,
                                    xhr,
                                },
                            },
                        },
                    };
                }
                return contact;
            }),
        };
    },

Answer 1

Have you considered the immutable package for working with the store?