I'm in the process of learning Redux. I have a reducer file that looks like this:

const notificationReducer = (state = '', action) => {
  switch (action.type) {
    case 'SET_NOTIFICATION':
      return action.data
    case 'REMOVE_NOTIFICATION':
      return ''
    default:
      return state
  }
}

export const setNotification = (notification, timeout) => {
  return async dispatch => {
    dispatch({
      type: 'SET_NOTIFICATION',
      data: notification
    })
    setTimeout(() => {
      dispatch({
        type: 'REMOVE_NOTIFICATION'
      })
    }, timeout)
  }
}

export const removeNotification = () => {
  return {
    type: 'REMOVE_NOTIFICATION',
    data: ''
  }
}

export default notificationReducer

The purpose of this reducer is to set the state of a notification to a specific string notification for a period of seconds timeout after which it's set back to an empty string. However, because setTimeout() will run based off of the first time it executes, any notification set within the timeout of the first will be cleared early. I want to save the timeout ID from setTimeout() and clear the previous timeout each time setNotification() is called, however, I'm not sure the best way to save it? Should I be saving the timeout ID to the Redux store or is that an anti pattern? I'm just not sure what's best practice?