mapStateToProps не определено

Question

Я хочу получить данные из файла json, а затем отобразить их на экране с помощью React и Redux.JSX является стандартным, я использовал тег <Provide> и установил значение store в своем магазине.mapStateToProps собирается undefined для this.props, а также toTakeData().

Здесь у меня есть файл действий с запросом:

let data = {
    loading: true,
    items: [],
    prevName: null,
    selectedProfile: '',
    term: ''
}

export function getItems() {
    getRequest();
    return {
        type: 'GET_ITEMS',
        payload: data
    }
}

const getRequest = async () => {

    const response = await fetch('http://localhost:8000/api/item')
        .then( response => response.json() )
        .then( json => {
            data.items = json;
            data.selectedProfile = json[0];
            data.loading = false;
            data.prevName = json[0].general.firstName + ' ' + json[0].general.lastName;
        } )
        .catch( err => console.error( err ) );

}

А вот файл компонента, который предполагаетданные рендеринга:

    const mapStateToProps = state => {
        console.log(state.items);
        return {
            items: state.items,
            prevName: state.prevName,
            selectedProfile: state.selectedProfile,
            term: state.term,
            loading: state.loading
        };
    };

    const mapActionsToProps = {
        toTakeData: getItems
    };

    export default connect(mapStateToProps, mapActionsToProps)(SelectMenu);