actions.js

import { makeThunkActionCreator } from 'redux-toolbelt-thunk'
import { api } from '../services'

export const login = makeThunkActionCreator(‘login’,(email, password) => api.login(email, password)))

export const signUp =  makeThunkActionCreator(‘signUp’, signUpData => api.signUp(signUpData))
                                             
export const fetchProfile = makeThunkActionCreator(‘fetchProfile’, () => api.fetchProfile())

export const logout = makeThunkActionCreator(‘logout’, () => api.logout().then(() => {return undefined})

reducers.js

import { composeReducers, makeAsyncReducer } from 'redux-toolbelt'
import { login, logout, signUp, fetchProfile } from './actions'

export const profile = composeReducers(
  makeAsyncReducer(login),
  makeAsyncReducer(signUp),
  makeAsyncReducer(fetchProfile, { shouldDestroyData: false }),
  makeAsyncReducer(logout),
)