ReactでブラウザのURLをrerender無しで更新する

画面のタブの切り替えをしたとき、URLでそれを同期しておきたいときがある（ブックマークだったり、再読み込みしたときに復元できるように）。 Next.jsを使っていると例えば router.push を {shallow: true} して更新できるような気もしますが、基本的に状態が変わってしまう影響でrerenderしてしまう。これが意図していれば良いのですが、まったくもってrerenderすらしたくないときもある。 そういうときは以下のように window.history.replaceState が使えます。題名に「React」とつけてますがただのJavaScriptなのでどこででも使える方法です。これはReactとは関係の無い世界なのでrerenderも走りません。 // valueはクエリパラメータに設定したい値 const value = 'some-param-value' c