Onboarding Flow stuck after installation

Hiyo! Using the onboarding flow in my NextJS React app and seeing a couple of issues when installing metamask.

First of all, I have things setup very closely to the demo provided in the documentation. The only major difference is upon installation I make a `eth_getPermissions` RPC call to determine if I can automatically connect the user.

I have a button to install metamask if it's not installed, which opens a separate tab for me to install metamask. So far so good. After installation, I note the my app properly restarts itself. I then receive the following errors in console:

```
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
```

This seems to be coming from fwd.metamask.io, which seems to be an iframe injected on my page by this library. Furthermore, my app spews out this log:

```
Sending metamask:reload message
```

This seems to a result of my calling `eth_getPermissions` from metamask before I've fully onboarded. I would assume that this is simply a log that will resolve itself once I've setup metamask, but as far as I can tell, I need to fully restart my site once I've onboarded to get things to work properly.

Is there something I'm missing with setting this plugin up?

Start by reproducing the installation flow in the reported NextJS React app, including the eth_getPermissions call before onboarding completes. Inspect the metamask:reload behavior and the fwd.metamask.io connection error after installation. Done means the onboarding flow works without requiring a full site restart and the reported console errors are resolved.

Written by the indexing model from the issue text.