React应用程序上的Google Optimize内容在路线更改时重置为原始内容

Question

页面内容正在使用React Router的应用程序的所有路由上更改。内容会按应有的方式显示（基于“优化实验”更新），但是一旦用户更改路由，下一条（如果用户返回则返回上一条路由）的内容就不会被“优化”更新。

实验的目标是网址匹配，并且所有路由更改都会将自定义事件Custom event: optimize.activate推送到dataLayer中。

<HashRouter>
  <Route
    render={({ location }) => {
      if (!window.dataLayer) window.dataLayer = []
      window.dataLayer.push({ event: "optimize.activate" })

      return (<Switch>...all the routes...</Switch>)
  />
</HashRouter>

内容应始终显示在“优化”仪表板中，而不是应用程序所显示的内容。怎么办？