Cuando se carga la página, uso componentDidMount () paradocument.createElement("script"); en el diseñoindex.js de unReactJS yGatsbyJS proyectar como

componentDidMount () {
  const tripadvisorLeft = document.createElement("script");
  tripadvisorLeft.src = "https://www.jscache.com/wejs?wtype=selfserveprop&uniq=789&locationId=10467767&lang=en_NZ&rating=true&nreviews=0&writereviewlink=true&popIdx=true&iswide=true&border=false&display_version=2";
  tripadvisorLeft.async = true;
  document.body.appendChild(tripadvisorLeft);
}

Esto luego solicita que se muestren los datos y funciona bien. Sin embargo, cuando yo<link to=... otra página usandogatsby-link (imagine que se aplica el mismo problemareact-router),componentDidMount() ya se ha ejecutado para que no recupere los datos nuevamente.

¿Cómo puedo asegurarme de que este script seamounted después de cadapath cambiar, o mejor por un específicopath?