privateRoute 질문

[다영]

EditNotice 게시판 수정페이지에 로그인정보가 없을 경우, 로그인 페이지로 이동하려고 합니다.

privateRoute라는 컴포넌트를 만들어 사용자가 없을 때는 로그인 페이지로 이동하게끔 하였고,

App.js에서 EditNotice를 PrivateRoute 로 감쌌습니다.

실제로 로그인하지 않았을 때 EditNotice 페이지에 들어가지 않습니다.

하지만 로그인한 다음 EditNotice 페이지에 처음 들어가면 정상으로 페이지가 나오나

새로고침을하면 로그인 페이지로 이동해버리네요..

느낌상 사용자 정보보다 페이지 이동이 빨라서 로그인페이지로 이동하는거 같은데

어떻게 해결해야될까요?

App.js

<Route element={<PrivateRoute />}>
   <Route
       path="/views/edit-notice/:id"
       element={<EditNotice />}
    />
</Route>


privateRoute.js

export const PrivateRoute = () => {
   const auth = useContext(AuthContext);
   return auth ? <Outlet /> : <Navigate to="/views/login" />;
};

[codingapple]

주소창에 url 입력하는건 막을 수 없습니다
해당페이지 안에서 로그인정보가 있으면 내용보여달라고 if문을 씁시다

[다영]

주소창에 url을 입력하는게 아니라
로그인 안한상태에서 주소창에 editnotice/id 를 입력해버리면 수정 페이지가 나와서
아무나 수정할 수 있는 상태가 되어버려요
그래서 위와 같은 코드를 작성한거구요..

[codingapple]

새로고침하면 auth라는 state도 초기화가되어서 그런게아닐까요 
로컬스토리지 이런데 저장해두면 초기화안됩니다

[글쓴이]

글