react-router 6버전 질문입니다 !

안녕하세요

먼저 바쁘신데 바보같은 질문글 올려 죄송합니다.

저는 강의(라우터 주소 설계 중반까지 강의를 들었습니다)를 보는 도중 children을 사용하다가 중첩라우터 사용을 시도를 하였는데요,

코드를 잘못쓴 덕분에 이런 웹페이지의 형태로 보이게 되었습니다. 

그래서 제로초님께서 올려주신 공지사항의 유튜브와 구글링을 참고하여 

layout>Workspace>index.js

//중략        
<Chats>
  <Routes>
     <Route path="/channel/:channel" element={<Channel />} />
      <Route path="/dm/:id" element={<DirectMessage />} />
   </Routes>
</Chats>
//중략

기존의 코드를

//중략        
<Chats>
  <Routes>
     <Route path="/:channel" element={<Channel />} />
      <Route path="/:id" element={<DirectMessage />} />
   </Routes>
</Chats>
//중략

이렇게 수정하였습니다

웹페이지를 확인해보니 정상적으로 돌아오긴 하였으나

제가 올바르게 수정했는지 아닌지 몰라 이렇게 질문글 올립니다.

그리고 로그아웃후 로그인을 하면 기존의 워크스페이스가 안뜨지만 새로고침을 누르면 기존의 워크스페이스들이 뜨는 버그?가

발생하게 되었습니다.

콘솔에 에러는 전혀 나지 않는 상황이고

제가 어느부분의 설정을 잘못했는지 파악하려 시도했지만 서버코드까지 살펴보아도

대체 어느부분을 놓치고있는지 감도 오지 않아서 코드부분을 올리지 못하였습니다..ㅠㅠ

저런 현상이 혹시 SWR옵션과 관련있을까요 ..? 😭