react-router 同ページ内で再描画されない解決メモ

コピペで動くようなコードじゃないので、具体例思いついたら修正予

import React, {
  useState,
  useEffect
} from 'react';

import { useLocation } from "react-router";

export default function Foo(props) {

  // カレントロケーション
  const location = useLocation();

  // コンポーネントに渡す変数等
  const [bar, setBar] = useState();

  // ロケーションに変更があったら、stateを書き換える
  useEffect(() => {
    setBar();
  }, [location]);

  return (
     <Baz bar={bar} />
  );
}