Soy nuevo en reaccionar y todos sus componentes y demás, y estoy siguiendo un video de youtube donde el código es así. Recibo un error con la línea "marcado: session.checked" donde marcado no está definido. No tengo idea de cómo solucionar esto y he estado buscando por toda la web tratando de encontrar una respuesta. ¿Alguno de ustedes sabe cuál es el problema?

 //pages import Home from './pages/Home' import Login from './pages/Login' import Signup from './pages/Signup' import Dashboard from './pages/Dashboard' import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import './scss/base.css'; import { StyledContainer } from './components/Styles' import "react-loader-spinner/dist/loader/css/react-spinner-loader.css"; import AuthRoute from './components/AuthRoute.js'; import BasicRoute from './components/BasicRoute.js'; import { connect } from 'react-redux'; function App({ checked }) { return ( <Router> {checked && ( <StyledContainer> <Routes> <AuthRoute exact path="/" element={<Home />} /> <AuthRoute exact path="/dashboard" element={<Dashboard />} /> <BasicRoute exact path="/login" element={<Login />} /> <BasicRoute exact path="/signup" element={<Signup />} /> </Routes> </StyledContainer> )} </Router> ); } const mapStateToProps = ({ session }) => ({ checked: session.checked }); export default connect(mapStateToProps)(App);

El video que estoy siguiendo es https://www.youtube.com/watch?v=HCnHYz6TXA4&list=PLk8gdrb2DmChrL50moKeFNAVnFqZ3GLF7&index=6 , y es 1h y 52m cuando recibo el problema