Tengo una configuración de estado redux para mi mapa que se parece a la siguiente. https://gyazo.com/3f9d6b095b252dcd29146cf1e9254908 Funciona muy bien, un usuario ha iniciado sesión y es perfecto, sin embargo, no funciona actualmente desde un inicio en frío donde debe iniciar sesión. Esto se debe a que en mi App.jsx , estoy instantáneamente usando el selector para seleccionar el inicio de sesión del usuario Y también el userID de usuario.

 const App = () => { const user = useSelector(state=>state.user.currentUser) const userID = useSelector(state=>state.user.currentUser._id) console.log(user) return ( // react-router-v5 <Router> <Switch> <Route exact path="/"> <Landing/> </Route> <Route exact path="/login"> { user ? <Redirect to="/"/> : <LoginStandard/>} </Route> {user && userID && <Route path={`/userprofile/${userID}`}> <UserProfile/> This is the unique user! </Route> } </Switch> </Router> ) }; export default App;

Mi problema es que, aunque el usuario funciona bien si no hay ningún usuario, el ID de usuario generará un error como el siguiente:

TypeError: no se pueden leer las propiedades de null (leyendo '_id')

¿Cómo hago esto para que el userID de usuario solo se active cuando el usuario existe? No puedo llamar a esto fuera del nivel superior.

Además, ¿cómo recomendaría pasar este usuario const/ID de usuario const en mi aplicación? ¿A través de accesorios?