Error when trying to login in with Google

Issue and Steps to Reproduce

Create a Google OIDC client and try to use it with this library:

import {Provider} from "react-redux";
import {OidcProvider} from "@axa-fr/react-oidc-context";

const oidcConfig = {
	client_id: 'your_google_client_id',
	redirect_uri: `${location.protocol}//${location.host}/`,
	scope: 'openid',
	authority: 'https://accounts.google.com',
	service_worker_only: false
};

const root = createRoot(document.getElementById('root'));
root.render(
	<Provider store={store}>
		<OidcProvider configuration={oidcConfig}>
			<App/>
		</OidcProvider>
	</Provider>
);

Versions

Tried in version 5.3.1

Expected

Redirect to Google SSO

Actual

Before the actual redirect, the following error occurs because sessionStorage is empty:

SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Object.loadItemsAsync (initSession.ts:9:1)
    at Oidc.<anonymous> (oidc.ts:419:1)
    at step (noHashQueryStringUtils.ts:3:1)
    at Object.next (noHashQueryStringUtils.ts:3:1)
    at fulfilled (noHashQueryStringUtils.ts:3:1

Additional Details

I use React-Saga within my React application

[timwsuqld]

@guillaume-chervet thanks, I’ve worked out that we just need to use useOidcIdToken instead of useOidcAccessToken when using Google for OIDC. Hopefully this comment helps someone else stumbling across this issue.

[jensaja]

Thank you so much @guillaume-chervet . I wish I found the example earlier 😃

One more issue though: the token request succeeds. But when trying to parse the response, the extractAccessTokenPayload method fails when trying to perform an atob operation on the returned token. The following exception occurs:

Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

Is this a known issue? The access token returned by Google looks like this: ya29.A0ARrd...

Edit: it looks like Google isn’t using a JWT as access token, while the library expects this (?)