useHistory が使えない時

react-route の v6 からは、useHistory ではなくて useNavigate が推奨になりました。
使い方は、下記です。

useNavigation

index.jsx

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

const navigation = useNavigate()

/* ページ遷移は下記を使う */
navigation("/hoge") /* /hoge に遷移 */

/* history.goBack()は、 */
navigation(-1)

react-route、v6 から変更が多くて、昔のコードが使えないことが多い (から への変更など) 。