Safe dispatch funtion - just dispatch it when component is mounted

useSafeDispatch

const useSafeDispatch = dispatch => {
  /* Figure out component is unmounted */
  const mountedRef = React.useRef(false)

  /* this function going to be called as soon we mounted, without waiting the browser paint the screen */
  React.useLayoutEffect(() => {
    mountedRef.current = true

/* called when as soon we unmounted without waiting the browser paint the screen */
    return () => {
      mountedRef.current = false
    }
  }, [])
  /* Unmount - mount control */

  return React.useCallback(
    (...args) => {
      if (mountedRef.current) return dispatch(...args)
    },
    [dispatch],
  )
}