Redux reducer initial state with Typescript

Question

I would like to create a reducer with typescript!

paymentReducer.tsx

let initialState = {
    saved: [],
};

export interface Payment {
    saved: ISavedPayment[];
}

export let payment = (
    state = initialState,
    { type, payload }: PaymentActions
): Payment => {
    switch (type) {
        case SAVED_PAYMENTS_LOADED:
            return { ...state, saved: payload };
        default:
            return state;
    }
};

No errors! But the type of saved array in state parameter of reducer becomes never. But it should be ISavedPayment[]?

(parameter) state: { saved: never[]; }

Why don't you specify the type explicitly? – Lesiak Sep 15 '20 at 10:51 — Lesiak, Sep 15 '20 at 10:51

Lesiak · Accepted Answer · 2021-11-02T22:46:39.013

2

Specify the type of initialState explicitly:

const initialState: { saved: ISavedPayment[] } = {
    saved: [],
};

Redux reducer initial state with Typescript

1 Answers1