Customer Login for Shopify Hydrogen Development (Hosted through Ngrok)

[cc-visionary]

I am followed all the instructions in https://shopify.dev/docs/storefronts/headless/building-with-the-customer-account-api/hydrogen. For the first time, I am able to login through Customer Account API. But after that, it results to Bad request: Unauthorized.

The console says the error is Customer Account API Error: The session state does not match the state parameter. Make sure that the session is configured correctly and passed to 'createCustomerAccountClient'. But I believe that the createCustomerAccountClient is setup correctly.

  const waitUntil = executionContext.waitUntil.bind(executionContext);
  const [cache, session] = await Promise.all([
    caches.open('hydrogen'),
    AppSession.init(request, [env.SESSION_SECRET]),
  ]);

  /**
   * Create Hydrogen's Storefront client.
   */
  const {storefront} = createStorefrontClient({
    cache,
    waitUntil,
    i18n: getLocaleFromRequest(request),
    publicStorefrontToken: env.PUBLIC_STOREFRONT_API_TOKEN,
    privateStorefrontToken: env.PRIVATE_STOREFRONT_API_TOKEN,
    storeDomain: env.PUBLIC_STORE_DOMAIN,
    storefrontId: env.PUBLIC_STOREFRONT_ID,
    storefrontHeaders: getStorefrontHeaders(request),
  });

  /**
   * Create a client for Customer Account API.
   */
  const customerAccount = createCustomerAccountClient({
    waitUntil,
    request,
    session,
    customerAccountId: env.PUBLIC_CUSTOMER_ACCOUNT_API_CLIENT_ID,
    customerAccountUrl: env.PUBLIC_CUSTOMER_ACCOUNT_API_URL,
  });

The shopify Customer Account API settings is also setup correctly.

Are there anyone else experiencing this? or does anyone know what the solution is for this one?

Any help is much appreciated!

[juanpprieto]

Thanks for reporting @cc-visionary.

Would you mind moving (copy/paste) this to a github issue so that we can track it as a team?

[cc-visionary]

Sure!

[blittle]

Answered here: #2399 (comment)