Почему action не работает?

Question

[qfrontend]

Приветствую) Почему экшн не диспачится? Буду благодарна за любую помощь)
App.js

import React from 'react';
import './App.css';
import { connect } from 'react-redux';
import personsFetchData  from '../actions/persons';

function App() {
  React.useEffect(() => {
    console.log(0); /* Здесь консоль отрабатывает */
    personsFetchData("/api/persons")
  });
  return (
    <div className="App">
      <div>
      </div>
    </div>
  );
}

const mapStateToProps = state => {
  return {
    persons: state.persons
  };
}
const mapDispatchToProps = dispatch => {
  return {
    personsFetchData: (url) => dispatch(personsFetchData(url))
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(App);

persons.js

const personsFetchData = (url) => {
  console.log(1); /* Здесь консоль отрабатывает */
  return (dispatch) => {
    console.log(2); /* Здесь консоль УЖЕ не отрабатывает */
     fetch(url)
        .then(response => {
            if(!response.ok){
                throw new Error(response.statusText)
            }
            return response;
        })
        .then(response => {
            response.json()
        })
  };
};

export default personsFetchData;

Comments

[TRNER]

console.log(2); не отрабатывает, потому что функция с ним не вызывается. Вы возвращаете функцию, но не вызываете ее.

[qfrontend]

TRNER, Если её вызывать, тогда вылетает ошибка (TypeError: dispatch is not a function)