マウントされているuseEffectを確認する方法

Question

#概要
APIの取得用にuseEffectをいくつも定義しているのですが、ページが切り替わってもuseEffectが第2引数の値を監視しているのか確認したいです。
ページが切り替わって必要になくなったuseEffectはクリーンナップが必要だと思います。

#質問

1. マウントされているuseEffectを確認する方法はありますか？
2. useEffectのクリーンナップについて、第2引数の値を参照出来なくなれば、useEffectも自然にアンマントされますか？

*「第2引数の値を参照出来なくなる」とはページ遷移後、変数の値が取得出来なくなるという意味です。

よろしくお願い致します。

#追記
ページ遷移はは、react-router-domを使用した遷移です。SPAです。
例えば、下記のようなRouter構造でTopからRegisterをリンクしています。
この場合、Topで設定したしたuseEffectがRegisterに遷移した際にまだ残っているかなどが知りたいです。

<BrowserRouter>
      <Switch>
        <Route exact={true} path="/" component={Top} />
        <Route path="/register" component={Register} />
      </Switch>
    </BrowserRouter>

Comments

[maisumakun]

「ページが切り替わっても」とありますが、ページ遷移は単なるブラウザ遷移でしょうか？それとも、フレームワークやライブラリでJavaScript制御している状況でしょうか？

[yuki_90453]

react-router-domを使用した遷移です。

[hentaiman]

> ページが切り替わってもuseEffectが第2引数の値を監視しているのか確認したいです。
useEffect内でlogを出力すると以外にもアッサリとその動作が見て取れます

Answer 1

Chromeデベロッパーツールにて確認することが出来ました。
Reactの拡張機能が必要です。