<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap; margin-top: 0px !important;"><span style="box-sizing: border-box; font-weight: inherit; font-style: inherit; color: #000000;">App.js 에서 react-router-dom v6 버전에 맞게 문법을</span></div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="box-sizing: border-box; font-weight: inherit; font-style: inherit; color: #000000;">Switch 대신 Routes 로 바꾸는 부분과 </span></div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="box-sizing: border-box; font-weight: inherit; font-style: inherit; color: #000000;">component 대신 element 로 바꾸시고</span></div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="box-sizing: border-box; font-weight: inherit; font-style: inherit; color: #000000;">꼼수(?)로 Auth로 감싼 컴포넌트를 새로 정의해서 넣으시면 작동은 됩니다..</span></div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; font-family: 'Noto Sans KR'; background-color: #ffffff; font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; letter-spacing: -0.3px; color: #abb0b5;">&nbsp;</div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; letter-spacing: -0.3px; color: #abb0b5;"><img style="box-sizing: initial; height: auto; max-width: 100%; display: block; border-style: none;" src="https://cdn.inflearn.com/public/files/posts/a2654a0a-a5ab-4263-8af4-5f89688b3d9c/blob" alt="" /></div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; letter-spacing: -0.3px; color: #abb0b5;">&nbsp;</div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; letter-spacing: -0.3px; color: #abb0b5;">&nbsp;</div>
<div class="type-placeholder" style="box-sizing: border-box; overflow-x: auto; letter-spacing: -0.3px; color: #abb0b5;"><img style="box-sizing: initial; height: auto; max-width: 100%; display: block; border-style: none;" src="https://cdn.inflearn.com/public/files/posts/166c354b-a6f3-4b55-818e-e3355d37ff4d/blob" alt="" /></div>
</div>

인프런 커뮤니티 질문&답변

react-router-dom v6 써서 component 에 hoc 적용하는법 찾으시는 분들