Using an async action creator in a vanilla reducer

profileReducer.js

import { fetchProfile } from 'actions'

const initialState = { loading: false }

export const profileReducer = (state = initialState, {type, payload}) => {
  switch (type) {
                                          
   case fetchProfile.TYPE:
     // handling action type 'FETCH_PROFILE@ASYNC_REQUEST'.
     return { loading: true }
                   
   case fetchProfile.success.TYPE:
     // handling action type 'FETCH_PROFILE@ASYNC_SUCCESS'
     return { loading: false, data: payload }
                   
   case fetchProfile.failure.TYPE:
     // handling action type 'FETCH_PROFILE@ASYNC_FAILURE'
     return { loading: false, error: payload }
                   
   case fetchProfile.progress.TYPE:
     // handling action type 'FETCH_PROFILE@ASYNC_PROGRESS'
     return { ...state, progress: payload }
                   
   default:
     return state
  }
}