onMount doesn't work with deepMap

[motleydev]

From my observation, you can't onMount listen to a deepMap store. Is that intended?

[ai]

No. Can you give us more details. What did you try and what you get.

[motleydev]

Two identical stores:

export interface AudioPlayer {
  current: PlaylistItem | null;
  playing: Boolean;
  playlist: PlaylistItem[];
  [key: string]: any;
}

export const $audioPlayer = map<AudioPlayer>({
  current: null,
  playing: false,
  playlist: [],
});

and

export interface AudioPlayer {
  current: PlaylistItem | null;
  playing: Boolean;
  playlist: PlaylistItem[];
  [key: string]: any;
}

export const $audioPlayer = deepMap<AudioPlayer>({
  current: null,
  playing: false,
  playlist: [],
});

passed to an onMount handler. When it's map, it works as expected, when deepMap, there's no effect, no console log, etc.

[ai]

Show how do you use onMount and how do you subscribe to the store.

[motleydev]

Sorry, I use Preact useStore with Astro and I've since removed the code, but it was something like this:

onMount($audioPlayer, () => {
  console.log("doing work");
  return () => {
    // Disabled mode
  }
})

[ai]

cc @dkzlv