react: Popups opened from `onClick` handlers get blocked by browsers

In a more concise manner: avoid network (or other async) calls between the click event and the popup creation!

I was getting the url from the back-end, which made the new tab opening being blocked. Switching the source of the URL to the front-end or doing a window.location.href = url; (open in same window) seems to do the trick.

in my case I want to download a file (by opening the URL in a new tab) after requesting the URL from the back-end, so it’s async and same window wouldn’t work - any ideas?

@dancherb Make a backend endpoint that HTTP-redirects (if URL is quick to get) or JS-redirects (print the JS at the end of the body, flush some spinner from the server immediately so that the “downloading” page doesn’t feel empty) to the correct URL after the URL is ready. Open that endpoint in a new tab immediately, let it hang there.