При refresh браузера на главной странице (
localhost:3000/posts-list) все нормально обновляется, после перехода на следующую страницу приложения (
localhost:3000/posts-list/profile/1) если сделать refresh браузера то приложение крашится, эту ссылку если вставить в новой вкладке браузера она также не работатет. Кто разбирается подскажите как починить?
function App() {
return (
<div className={style.App}>
<header className={style.header}>
<h1 className={style.header__text}>Blog</h1>
</header>
<Routes>
<Route path={"/posts-list/profile/:id"} element={<ProfileContainer />} />
<Route path={"/posts-list/profile/:id/posts/"} element={<PostsContainer />} />
<Route path={"/posts-list/profile/:id/posts/:postId/"} element={<CommentsContainer />} />
<Route path="/posts-list" element={<UsersList />} />
</Routes>
</div>
);
}
на эту компоненту перехожу по ссылке
const ProfileContainer = () => {
let params = useParams();
const { usersList, postsList } = useSelector((state) => {
return { usersList: state.usersList, postsList: state.postsList };
});
const dispatch = useDispatch();
useEffect(() => {
dispatch(requestPosts());
}, []);
const findPosts = [];
postsList.forEach((element) => {
if (element.userId === Number(params.id)) {
findPosts.push(element);
}
});
const userFind = usersList.find((user) => {
return user.id === Number(params.id);
});
return <Profile userFind={userFind} userId={params.id} findPosts={findPosts} />;
};
Простой
