[React] Link to is not working (Link to 작동안함) 에러

리액트를 제대로 배운적이 없지만 꾸역꾸역 구글링으로 하는중이다 ...

 

<Link to ={}> 를 사용하는데 

 

분명 url은 변경이 되는데 route가 안되는 오류? 가 있었다.

 

나의 경우는 단순했다...

 

 

- Firstpage 

return (
  <div>
    <BrowserRouter>
      <Switch>
      	<SecondPage/>
      </Switch>
    </BrowserRouter>
  </div>
)

 

 

- SecondPage

<BrowserRouter>
	<Switch>
		<Route exact path={"/applications"} component={Home} />
		<Route exact path={"/devices"} component={Dashboard} />
	</Switch>
</BrowserRouter>

 

 

BrowserRouter는 부모객체에 한번만 선언하면 되고 

 

위와 같이 BrowserRouter를 두번쓰면 뭔가 작동을 하진 않았다...

 

그걸 몰랐고 에러도 뜨지 않아서 한 3시간 고생한거 같다 ....