deep freeze only part of state about ngrx-store-freeze HOT 4 CLOSED

You can create a meta-reducer that wraps storeFreeze to selectively freeze based on the action type. I'm going to add a built-in API to blacklist/whitelist freezing of state in future release. Working example with current code below to ignore actions dispatched by @ngrx/router-store version 4.x.

import { Action, ActionReducer, MetaReducer } from '@ngrx/store';
import { storeFreeze } from 'ngrx-store-freeze';

export function freezer(reducer: ActionReducer<any>): ActionReducer<any> {
  const exclusions: RegExp[] = [
    /^ROUTER_/
  ];

  return function(state: any, action: Action): any {
    const excluded = exclusions.reduce((current, next) => {
      const isExcluded = Boolean(action.type.match(next));

      return current || isExcluded;
    }, false);

    if (excluded) {
      return reducer(state, action);
    }

    return storeFreeze(reducer)(state, action);
  };
}

export const metaReducers: MetaReducer<any>[] = !environment.production ? [freezer] : [];

from ngrx-store-freeze.

I have the same problem. some injectors are saved in the store. it should be mutable. I guess for those none serializable states, there is a possibility that they are mutable.

from ngrx-store-freeze.

There is no problem with saving mutable state in the store.

The problem is that you cannot deep freeze the part of state that is pure in development mode.
Thats what the issue is about.

By deactivating the deepfreeze you are good to go.

from ngrx-store-freeze.

I have in some of my actions a route object of the ActivatedRoute type, my solution in ngrx 7 thanks to @brandonroberts was the following:

export function freezer(reducer: ActionReducer<any>): ActionReducer<any> {
  const exclusions: RegExp[] = [/^@ngrx\/router-store\//, /^\[Router\]/];

  function hasActivatedRoute(action: Action & { payload?: any }) {
    return (action.payload && action.payload.route) || false;
  }

  return function(state: any, action: Action): any {
    const excluded = exclusions.reduce((current, next) => {
      const isExcluded = Boolean(action.type.match(next)) || hasActivatedRoute(action);
      return current || isExcluded;
    }, false);

    if (excluded) {
      return reducer(state, action);
    }

    return storeFreeze(reducer)(state, action);
  };
}

from ngrx-store-freeze.