Firefox blocks pop up when user reloads a page

Hi all,

My front end web application acquires an OAuth2 access token to call a third party API.

The flow is as follows:

User opens my react application and clicks in the navigation menu to open a certain page that displays data form that 3rd party API. If they have access token, the application calls the third party API, if not then application opens a pop-up to authenticate the user on the authorization provider website.

It all works nicely when user actively clicks on the navigation.

But if user is currently on that page and hits browser page reload button, then chrome blocks the popup.

Reading mozilla documentation makes me think that page reload does not count as active user interaction.

Please advise.

Regards,
Gasan