No sé por qué cuando trato de obtener datos de api usando redux (puedo ver los datos cuando mapstatetoprops) pero aparece este mensaje de error (el usuario es nulo) cuando intento mostrar datos al usuario. esta es una captura de pantalla que muestra que el usuario es un error nulo . Llamo al envío desde la reacción del componenteDidMount, creo que es el lugar correcto para llamar a la API,

este es mi codigo:

 import React, { Component } from 'react'; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import { connect } from 'react-redux'; import store from './state/store'; import { loadUser } from './state/actions/auth/authActions'; //pages import Login from './app/auth/Login'; import Wrapper from './wrapper/Wrapper'; class App extends Component { componentDidMount() { store.dispatch(loadUser()); } render() { const { token, user, isLoading } = this.props.auth return ( <Router> <Routes> <Route path='/login' element={<Login />} /> <Route path='/' element={token ? <Wrapper user={user._id} isLoading={isLoading}></Wrapper> : <Login />} /> </Routes> </Router> ) } } const mapStateToProps = state => { return { auth: state.auth } } export default connect(mapStateToProps, { loadUser })(App);