App Clip is not opening on 1st tap (requires two taps)

App Clip is not responding to the 1st tap - I have the same issue as described here (https://discussions.apple.com/thread/256068237)

Unfortunately the original thread has been closed without a reply.

The AppClip url is invoked from a user gesture (click event) to open

https://appclip.apple.com/id?p=tools.needle.launch-app.Clip?url=<website_url>

Example:

const button = document.createElement("button");
button.innerText = "Start AR";
button.addEventListener("click", () => {
  const url = new URL("https://appclip.apple.com/id?p=tools.needle.launch-app.Clip");  
  url.searchParams.set("url", location.href);
  window.location.href = url.toString(); // tried different combinations here
});

However when the appclip cache is cleared then I always have to tap the button twice.

This is an issue because it requires users of our web engine to click twice too whenever they visit a new website with a different URL parameter.

So far I have not found a way to prewarm the AppClip cache (e.g. prefetching the url etc didn't work, tried different <meta> tags...)

Any pointers or help would be greatly appreciated!