React + Redux, why is no data being passed?

Question

React

Good afternoon, no data is being transmitted, I'm doing everything right like, but I'm not receiving data:

Создание хранилища и рендеринг компонента
import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { ListProject } from "./Components/Projects";
import { rootReducer } from "./Reducers/reducers";
import { createStore } from "redux";

export const store = createStore(
  rootReducer, 
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

ReactDOM.render(
  <Provider store={store}>
        <ListProject />
    </Provider>,
    document.getElementById("root")
);

Редусер
const initialState = {
  projects: ["Projects 001"]
};

export function rootReducer(state = initialState) {
  	return state;
}

Сам компонент с конектом
import React, { Component } from "react";
import { connect } from "react-redux";

export const ListProject = (props) => {
  console.log(props.projects);
    return <div>Привет из App, { props.projects }!</div>
}

const mapStateToProps = (state) => {
  projects: state.projects
}

export default connect(mapStateToProps)(ListProject);

I looked at many examples everywhere they transmit data in the connect method, but it doesn’t work for me, what could be the reason? The repository is created, the reducer works.

Answer 1

Fix:

const mapStateToProps = (state) => {
  projects: state.projects
}

on the:

const mapStateToProps = (state) => ({
  projects: state.projects
});

The JavaScript parser, in your case, does not recognize curly braces as a function return object, but as the body of a function block that returns nothing. To return an object in short notation, it must be enclosed in parentheses.