React-router-dom path
Я пытаюсь передать в <Router path={/${props.paht}/*} ... >, когда пользователь входит в систему, я передаю в path его login и адрес первый раз правильно получаться, но когда уже я перезагружаю страницу, выходит что в State уже null
import React from "react";
import { connect } from "react-redux";
import {
BrowserRouter as Router,
Route,
Routes
} from 'react-router-dom';
import './App.css';
import Login from "./components/Authorization/login/loginContainer";
import Registration from "./components/Authorization/registration/registrationContainer";
import Profile from './components/profile/profileContainer';
const App = (props) => {
return (
<div className="container-wrapper" >
<Routes>
<Route path={`/${path}/*`} element={<Profile />} />
<Route path="/login" element={<Login />} />
<Route path="/registration" element={<Registration />} />
</Routes>
</div>
)
}
const mapStateToProps = state => {
return {
path: state.pathURL.myPathURL,
isLoggedIn: state.auth.isLoggedIn
};
}
const AppContainer = connect(mapStateToProps)(App);
export default AppContainer;