React - Link 컴포넌트 사용 시 에러 발생

Link을 사용하니 에러가 발생했다.
root디렉토리에 있는 index.js에 BrowserRouter을 import 후
App을 감싸주니 정상으로 작동했다. 아래는 해당 코드이다.

react 18부터 rendering하는 부분이 바뀌었다.

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from "react-router-dom";
const rootNode = document.getElementById('root');

ReactDOM.createRoot(rootNode).render(
    <React.StrictMode>
        <BrowserRouter>
            <App />
        </BrowserRouter>
    </React.StrictMode>,
);

reportWebVitals();