[Fixed] Angular NGXS TypeError: Cannot freeze


enter image description here

The code that dispatches the action

  constructor(auth: AuthService, private store: Store) {
    this.userAuth = auth.signedIn.subscribe({ next: (user) => {
      this.user = user;
      this.store.dispatch(new SetUser(user));

The actions definition

import firebase from 'firebase/app';

export class SetUser {
  static readonly type = '[firebase.User | null] Add';

  constructor(public payload: firebase.User | null) {}

And my store implementation:

    add({ patchState }: StateContext<UserStateModel>, { payload }: SetUser): void {
            user: payload
    name: 'user',
    defaults: {
        user: null


This is basically a dupe.

The problem is you’re trying to store something in state that can’t be frozen. Just clone it, or save just the pieces you need. See my answer here.

Leave a Reply

(*) Required, Your email will not be published