[ERROR - REACT] Error: useNavigate() may be used only ..... 오류 해결 방법

오류 내용

 

Error: useNavigate() may be used only in the context of a <Router> component

 

 

 

 

해결 방법

 

index.js에서 <React.StrictMode>를 <BrowserRouter>로 변경하면 된다.

 

※ 그 전에 react-outer-dom 설치가 되어있어야 한다.

 

BrowerRouter를 불러오는 것도 잊지 말자.

 

import { BrowserRouter } from 'react-router-dom'

 

 

 

index.js

 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom'

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,

  document.getElementById('root')
);