Generate empty object based on reactively interface

Question

I have interface that is generated base on enum and it has readonly keys

enum HealthPlanStatus {
    InProgress = 'InProgress',
    Completed = 'Completed',
}

export type THealthPlanCardsByStatus = {
    [status in keyof typeof HealthPlanStatus]: {
        cards: string[];
    };
}

In my project I want to correctly declare an empty object that is generated by HealthPlanStatus.

const cards = ['1', '2', '3']
const cardsGroupedByStatus: any = {}
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = cards.filter(card => card)
})

To avoid errors it has now "any", but I want to see any of this variants:

1. const cardsGroupedByStatus: THealthPlanCardsByStatus = {}
2. const cardsGroupedByStatus = {} as THealthPlanCardsByStatus

In both cases I have different errors:

1. const cardsGroupedByStatus: THealthPlanCardsByStatus Type '{}' is missing the following properties from type 'THealthPlanCardsByStatus': InProgress, Completed
2. Cannot assign to 'InProgress' / 'Completed' because it is a read-only

If it's not possible, please, give me advise how to correctly make declaration for new generates object. Thanks!

Link to reproduce errors

Answer 1

Based on comments:

1. You don't need keyof typeof, remove it and leave just:

export type THealthPlanCardsByStatus = {
    [status in HealthPlanStatus]: {
        cards: string[];
    };
}

2. Then you can use

const cardsGroupedByStatus = {} as THealthPlanCardsByStatus
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = { // you forgot initialize object here
        cards: cards.filter(card => card)
    }
})

or

const cardsGroupedByStatus: Partial<THealthPlanCardsByStatus> = {}
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = {
        cards: cards.filter(card => card)
    }
})