higher-order reducer to clear redux state on specific action

withClearStateOnAction.ts

import { combineReducers, Action } from '@reduxjs/toolkit';

const withClearStateOnAction = <S = any>(clearStateAction: Action) => (
  reducer: Reducer<S | undefined, Action>,
) => (state: S, action: Action) => {
  if (clearStateAction.type === action.type) {
    return reducer(undefined, clearStateAction);
  }
  return reducer(state, action);
};

// example usage

const logout = { type: 'APP/logout' }

const reducersWithClearOnLogout = withClearStateOnAction(logout)(combineReducers({}))