HostComponent #4
Description
When a custom Angular Element receives the host component instance, it can read host state through properties such as hostComponent.store.state[...]. Although this appears to expose NgRx state directly, what is actually being accessed is a readonly Angular Signal that mirrors part of the host application's NgRx store.
Readonly signals contain an internal Symbol(SIGNAL) and a value, but they do not expose .set() or .update(). Because of this, deep mutations do not trigger Angular reactivity and do not integrate with NgRx’s immutable state model. As a result, directly modifying these objects has no effect on the UI or the store.