React 报错 Error: useRoutes() may be used only in the context of a ＜Router＞ component

使用react-router-dom V6 发生报错，找了一会才解决，做个记录

报错意思：大概就是要给路由提供一个上下文

报错原因，一开始我是把 BrowserRouter 放到 App.js 文件中的，然后就一直报错，后面尝试放到  index.js 入口文件中，就没报错了

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

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
    <App/>
  </BrowserRouter>
);