const fetchUsersRequest = () => { return { type: FETCH_USERS_REQUEST, info: { loading: true } }; }; const fetchUsersSuccess = (data) => { return { type: FETCH_USERS_SUCCESS, info: { loading: false, users: data, error: null } }; }; const fetchUsersError = (error) => { return { type: FETCH_USERS_ERROR, info: { loading: false, users: null, error: error } }; }; const fetchData = () => { return (dispatch) => { dispatch(fetchUsersRequest()); axios .get("https://jsonplaceholder.typicode.com/users") .then((res) => { dispatch(fetchUsersSuccess(res.data)); }) .catch((err) => { dispatch(fetchUsersError(err)); }); }; }; const requestReducer = (response = {}, action) => { if ( action.type === FETCH_USERS_REQUEST || action.type === FETCH_USERS_SUCCESS || action.type === FETCH_USERS_ERROR ) { response = { ...action.info }; return response; } return response; }; const store = createStore(requestReducer, applyMiddleware(thunk, logger)); store.dispatch(fetchData());

Las llamadas a dispatch en axios.then() y axios.catch() nunca se ejecutan. Aunque recibo los datos en la respuesta y los mismos datos se registran en la consola, pero las acciones no se envían. El estado siempre tiene {loading:true} y el resultado de la llamada a la API no actualiza el estado.