react-router-domのRouteのexactにエラー 型 '{ exact: true; path: string; element: Element; }' を型 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)' に割り当てることはできません。 はじめに 型'{ exact: true; path: string; element: Element; }' を型 'Intr...
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(......
importReactfrom'react'import{BrowserRouter,Route,Link}from'react-router-dom'importHomefrom'./Home'importAboutfrom'./About'importDashboardfrom'./Dashboard'constApp=()=>{return(<BrowserRouter><Routeexactpath="/"><Home/></Route><Routepath="/about"><About/></Route><Routepath="/dashboard"><D...
react-router-dom @6.7.0 から react-router-dom @6.6.1 に変更することで警告が消えました(2023年9月現在の直近で更新された react-router-dom @6.16.0 でも警告が消えましたので、@6.7.0 固有の問題なのかも?)。 解決に向けて行ったこと とりあえず Google 先生 先程の警告文を丸々コピペし...
少し古いガイドラインに沿ってアプリ制作をしていたら、いきなりSwitchがないというエラー。 react-router-domのバージョンが原因。v6以降はSwitchがRoutesになり書き方に変更点が数カ所。 ①v5に戻す、②v6の書き方へ変更するの2種類の対処法をまとめました。