[React x Typescript] Route 관련 에러...<Uncaught Error: useRoutes() may be used only in the context of a <Router> component>

 

 

 하나 해결하면 하나 안되고 하나 해결하면 여러 개 안되고 돌아버리겠습니다요... 

리액트에서 타입스크립트 넘어가는거 쉽지 않네요... 휴 

 

에러1_Uncaught Error: useRoutes() may be used only in the context of a <Router> component

:: 응 그냥 <BrowserRouter> 로 안 감싸서 그랬다 이거야.... 

 

//index.tsx

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

const rootElement = document.getElementById('root');
if(!rootElement) throw new Error('Failed to find the root element');
const root = createRoot(rootElement);  
root.render(
  <BrowserRouter>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </BrowserRouter>
);

 

 

참고 : 타입스크립트 리액트 18에 적용하기 

 

 

 

 

 

참고 : React Router dom v6세팅

참고 : React Router Tutorial