react-router-domで"Cannot destructure property 'basename' of ~ as it is null."というエラーが出る

発生したエラー

react-router-domのLinkを使おうとしたら、
以下のようなエラーが出ました。

Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null.
TypeError: Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null.

解決策

React Routerによるルーティングの設定が行えるようにするには、
BrowserRouterでAppを囲む必要があったようです。

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

render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
)

注意

BrowserRouterは、Reactプロジェクトの中で一度しか使えません、
また、React RouterはBrowserRouterの中でしか使えないため気をつけましょう。

参考