replaceReducer sets old state

[khidirbekov]

Hello! I try to do code splitting with ReducerManager

export class ReducerManager {
    private reducers: ReducersMapObject;

    private store: Store;

    constructor(initialReducers: ReducersMapObject, store: Store) {
        this.reducers = { ...initialReducers };
        this.store = store;
    }

    add(key: string, reducer: Reducer) {
        if (!key || this.reducers[key]) {
            return;
        }

        this.reducers[key] = reducer;
        this.store.replaceReducer(combineReducers(this.reducers));
    }

    addMany(reducerMap: ReducersMapObject) {
        let shouldCombineReducers = false

        Object.entries(reducerMap).forEach(([key, reducer]) => {
            if (this.reducers[key]) {
                return;
            }

            this.reducers[key] = reducer
            shouldCombineReducers = true
        })

        if (shouldCombineReducers) {
            this.store.replaceReducer(combineReducers(this.reducers))
        }
    }
}

Everything working perfect, reducers adding dynamically but I have one issue

I have notifications feature: when I do some action then call dispatch of adding notificaiton, after timeout (4sec) calls remove notification action.
And for example if I go to the page Cars and do some action that calls notification, and after timeout of notification I go to the page Trucks where reducers added dynamically, then to the state add that expired notification from Cars page.

I don't have any idea why its happen

The way how I add reducers

export const Trucks = () => {
 useDynamicReducers({ reducers })
 ...
}

export const useDynamicReducers = ({ id, reducer, reducers }: Params) => {
    const store = useAftStore();

    const ref = useRef(0);

    if (ref.current === 0) {
        if (id && reducer) {
            store.reducerManager?.add(id, reducer)
        } else {
            store.reducerManager?.addMany(reducers!);
        }

        ref.current += 1;
    }
}

I have tried to call this hook body not in the render block but in useEffect - same behaviour

[khidirbekov]