Google Oauth Rediect Link throwing error in Angular

I'm using the ux-mode redirect option with Google authentication and the querystring that gets added to the redirect URL is causing an instant error. The login works, but this script error is causing issues.

Here's the error:

core.js:12632 ERROR DOMException: Failed to execute 
'querySelector' on 'Document': '#scope=openid email profile https://www.googleapis.com/auth/plus.me&
id_token=xxxxx.apps.googleusercontent.com&prompt=consent' 
is not a valid selector.
            at BrowserViewportScroller.push../node_modules/@angular/common/fesm5/common.js.BrowserViewportScroller.scrollToAnchor

I've tried different URLs, and it's the same error every time. I've even tried redirecting from the redirect URL to another to try and get away from the issue parsing the querystring but this error causes all sorts of issues and it seemingly breaks the ability to use router.navigate.

Here's the config:

const gapiClientConfig: GapiClientConfig = {
  client_id: CLIENT_ID,
  discoveryDocs: [ DISCOVERYDOCS ],
  scope: [ SCOPES ].join(' '),
  ux_mode: 'redirect',
  redirect_uri: environment.redirect_uri
};

from Google Oauth Rediect Link throwing error in Angular