useHistoryが使えない時の対処法

useHistoryが使えない

react-router-dom ver6 から、useHistoryをインポートしようとするとエラーになります。

Module '"react-router-dom"' has no exported member 'useHistory'.

ver6からは、useNavigateが推奨されているのでそちらを使うようにしましょう。

app.tsx

import { useNavigate } from "react-router-dom"

const navigation = useNavigate()
/* ページ遷移の書き方 */
navigation("/users")