signalState changes passed array to map

[dyeske61283]

Which @ngrx/* package(s) are the source of the bug?

signals

Minimal reproduction of the bug/regression with instructions

https://stackblitz.com/edit/angular-17-starter-project-cexglh?file=src%2Fmain.ts

Expected behavior

The type of the passed state should not change - even if no deep signals are created. (Looking at the unit test here:

platform/modules/signals/spec/types/signal-state.types.spec.ts

Line 121 in 51034e6

it('does not create deep signals for an array', () => {

)

Versions of NgRx, Angular, Node, affected browser(s) and operating system(s)

@ngrx/signals: 17.2.0
@angular: 17.0.4

Other information

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[markostanimirovic]

signalState as well as withState should accept a record/dictionary as an input argument. There is no benefit of using them with arrays. at the root level.

There are two options that you can use:

1. const numbers = signal([1, 2, 3]);
2. const state = signalState({ numbers: [1, 2, 3] });

[dyeske61283]

@markostanimirovic we are using the second option now, but some level of error or warning would have been nice in the development or at least in the documentation.

[dreamstar-enterprises]

Will deep signals be supported for maps like this? E.g. so computed signals can be created on specific keys, whose values might be arrays?

type FilterModalState = {
  filterModalMap: {
    [modalType: string]: {
      modalType: string;
      selectedItemsState: string[];
      cancelOrResetLabel: string;
    }
  }
};

Currently, I think only this works

type FilterModalState = {
  filterModalMap: {
    modalData: {
      modalType: string;
      selectedItemsState: string[];
      cancelOrResetLabel: string;
    }
  }
};