custom redux logger middleware with toggle functionality

custom-logger.ts

import type { Middleware } from 'redux'
import { logger } from 'redux-logger'

const customLogger: Middleware = (api) => (next) => (action) => {
  if (window.__REDUX_LOGGER__) return logger(api)(next)(action)
  return next(action)
}

export default customLogger

// and in_app.ts
if (typeof window !== 'undefined') {
  window.__REDUX_LOGGER__ = true
  window.document.body.addEventListener('keydown', e => {
    if (e.altKey && e.key == 'p') {
      window.__REDUX_LOGGER__ = !window.__REDUX_LOGGER__
    }
  })
}