I have a url lets say its google and I want to hide the footer.

  const runFirst = `
    document.querySelector('.footer').style.display='none';
    true; // note: this is required, or you'll sometimes get silent failures
  `;

   <WebView
        source={{uri: `https://google.com`}}
        injectedJavaScriptBeforeContentLoaded={runFirst}
      />

On the first load it hides the footer, however when I change pages it resets the footer back.

I would like the footer to be hidden on all events.

Thanks!