Redux вызывает код 2 раза

Пытаюсь освоить redux в связке с react. Делаю запрос на сервер чтобы сохранить значение в store. Все работает, но почему-то запрос вызывается дважды. В чем причина?

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from "react-redux";
import {BrowserRouter as Router} from "react-router-dom";
import * as serviceWorker from './serviceWorker';

import './css/index.css';
import store from "./redux/_store";

import App from "./_components/App";


ReactDOM.render(
  <React.StrictMode>
      <Provider store={store}>>
          <Router>
              <App/>
          </Router>
      </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

serviceWorker.unregister();

App.js

import React from "react";
import { connect } from "react-redux";

import MainContent from "./layout/MainContent";

import {getUser} from "../redux/_actions";

const App = () => {
    return (
        <div className="App">
            <MainContent/>
        </div>
    );
};



const mapDispatchToProps = dispatch => {
    return {
        onGetUser: dispatch(getUser())
    };
};

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

_actions/index.js

import axios from "axios";

import * as types from "./types"

export const getUser = () => {
    return dispatch => {
        axios
            .post("api/user", {})
            .then(res => {
                dispatch(getUserSuccess(res.data.data));
            })
    };
};

const getUserSuccess = userData => ({
    type: types.USER,
    payload: {...userData}
});

_reducers/index.js

import * as types from "../_actions/types";

const initialState = {
    user: null
};


const userReduser = (state = initialState, action) => {

    switch (action.type) {
        case types.USER:
            return {...state, user: types.USER };
        default:
            return state;
    }
};

export default userReducer;

_store/index.js

import {combineReducers, createStore, applyMiddleware, compose } from 'redux'
import thunk from 'redux-thunk'

import userReducer from "../_reducers";

const composeEnhancers =
    typeof window === 'object' &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;

const rootReducer = combineReducers({ userReducer });

let store = createStore(rootReducer, composeEnhancers(
    applyMiddleware(thunk)
));

export default store;

Ответы (0 шт):