<BrowserRouter>
<Routes>
<Route path = "/" element={<Basicpage />} />
<Route path = '/record/:nickname' element={<Record/>} />
</Routes>
</BrowserRouter>

App.js는 이런 상황이고

<Record /> 컴포넌트 안의 <Recordheader>에서 홈으로 라우팅 하는데

const goToHome = () => {
navigate("/");
}

return(
<div className="researchBox">
<div className="backMain" style={{fontSize:50,color:"black",marginLeft:100, fontWeight:"bold", cursor:"pointer"}}
onClick={goToHome}>
메인으로 이동
</div>


/record/1 여기서 "메인으로 이동" 클릭하면 /로 가는것이 아닌 /record로 갑니다.

현재 Basicpage와 Record는 같은 파일안에 있습니다


제발 알려주세요