Question: I am working with Angular ngrx 8. And I have a problem with redux. 

When I have below interface:

```
export interface PersonChecklist {
    personName: string;
    isChecked: boolean;
}

```

I would like to have person array on the store.

Action:

```
export const savePersonToChecklist = createAction(
    '[PERSON_API] Save person to checklist array',
    props<{
        personName: string;
    }>()
);

```

Reducer:

```
on(savePersonToChecklist, (state, action) => ({
        ...state,
        jobStatus: {
            ...state.jobStatus,
            personsReadyForChecklist:
                [
                    {
                        ...state.jobStatus.personsReadyForChecklist,
                        personName: action.personName,
                        isChecked: true
                    }
                ]

        }
    }))

```

I saved nested entry per every dispatch action... I would like have below structure:

```
[
{personName: 'A',
 isChecked: true},
{personName: 'B',
 isChecked: true},
.
.
.]

```

Answer: 
There are a couple of things you need to fix to make this work correctly:

```js
on(savePersonToChecklist, (state, action) => ({
    ...state,
    jobStatus: {
      ...state.jobStatus,
      ordersReadyForChecklist: [
        ...state.jobStatus.ordersReadyForChecklist,   // <-- This needs to be here
        {
          personName: action.personName,   // <-- This needs to be "personName" not "workOrderNumber"
          isChecked: true
        }
      ]
    }
}))

```

I have created a working example on [stackblitz](https://stackblitz.com/edit/angular-twyfcx), I hope I guessed correctly your requirements...

Hope this helps.
```
[
      ...state.jobStatus.ordersReadyForChecklist,
                {
                    personName: action.personName,
                    isChecked: true
                }
  ]

```

And try do use payload in action, it's a good practice.
eg:

```
{payload: {personName: string}}

```