[Error] 남태식 / 2021-12-30

### 어떤 에러인가요?
* react useNavigate 에러

### 에러 메시지


### 에러 핸들링 방법
* **useNavigate() may be used only in the context of a component.**
useNavigate()는 구성 요소의 컨텍스트에서만 사용할 수 있다

전 프로젝트에서 useHistory, useNavigate 부분에 에러 이슈가 있어서,
이부분을 시험 해보고 진행 하기로 하였다

아니나 다를까

app.js에서 연습삼아 버튼을 만들고 그 버튼을 클릭시 contents 페이지로 넘어가도록 설정 하였지만

```
import { useNavigate } from "react-router-dom";
```

선언 후

```
const navigate = useNavigate();
```

변수에 import한 useNavigate를 선언만하면 화면이 하얗게 변하는게 아닌가 ..
전 신선도 프로젝트 진행시와 비슷한 경우이긴하다 ..

하지만 에러메세지가 달랐다

>
useNavigate() may be used only in the context of a `` component.

`` 구성 요소의 컨텍스트에서만 사용할 수 있다라는 문구

혹여나 App에서는 거의 dom의 테두리, 관리페이지이기에, main page에서 시도해보니 잘되는게 아닌가 ..

react-router-dom이 6 버전으로 되면서 이래저래 바뀌어서, 적용방식이 조금 달라졌는데, 이번 프로젝트에선 무리없이 진행되서 다행이다