久しぶりのReactアプリでLinkがRouterの外で使われている、と言われる。

メモ。

ちょっと久しぶりに動かした React アプリでこれ言われた。

Error: Invariant failed: You should not use <Link> outside a <Router>

なんでかな Router の中なんだけどなあと思ったけど、Router を react-router じゃなくて react-router-dom から import したらうまく動くようになった。

Before:

import { Route, Router, Switch } from 'react-router';

After:

import { Route, Router, Switch } from 'react-router-dom';

色々古いからなあ。