nhost: Next JWT token expired when using SSR

So after discussion with @dbarrosop in discord help channel I’ve decided to open an Issue here

Describe the bug I’m investigation integration next + nhost with SSR enabled (pages router). I’ve setup our app the same way as in examples - <NhostProvider> + <NhostApolloProvider> + getNhostSession from nhost/nextjs

In general it works really well! Thanks guys for all your work.

But sometimes (and it’s even not clear when and why) I recieve errors about JWT token being expired, both on client and server. Previously we were using next but without getNhostSessions so all auth part was working only on client and it was working flawlessly

error: ApolloError: Could not verify JWT: JWTExpired To Reproduce Steps to reproduce the behavior:

1. Go to start page.
2. Wait till refresh token expired

Expected behavior Token updates automatically

Screenshots

Desktop (please complete the following information):

• OS: macOS 14.0 (23A344)
• Browser: Chrome: 118.0.5993.117
• Versions:
  • “next”: “13.3.0”,
  • “@nhost/apollo”: “^5.2.19”,
  • “@nhost/nextjs”: “^1.13.33”,
  • “@nhost/nhost-js”: “^2.2.12”,
  • “@nhost/react”: “^2.0.27”,
  • “@nhost/react-apollo”: “^5.0.36”,

Code

ApptProvider in _app.tsx

export const Provider: FC<ProviderProps> = ({
  children,
  nhostSession,
  transitionConfig = {
    type: 'spring',
    bounce: 0.01,
  },
}) => {
  return (
    <NhostProvider nhost={nhost} initial={nhostSession}>
      <ApolloProvider>
        <MotionConfig transition={transitionConfig}>{children}</MotionConfig>
      </ApolloProvider>
    </NhostProvider>
  );
};

ApolloProvider used above:

import { FC, PropsWithChildren } from 'react';
import { NhostApolloProvider } from '@nhost/react-apollo';
import { nhost } from '@htch/shared-services/nhost';
import { NhostApolloClientOptions } from '@nhost/apollo';

export const ApolloProvider: FC<
  PropsWithChildren<Omit<NhostApolloClientOptions, 'nhost'>>
> = ({ children, ...props }) => {
  return (
    <NhostApolloProvider nhost={nhost} {...props}>
      {children}
    </NhostApolloProvider>
  );
};

getNhostSession:

import { getNhostSession as fetchNhostSession } from '@nhost/nextjs';
import { REGION, SUBDOMAIN } from '@htch/shared-services/nhost';
import { GetServerSidePropsContext } from 'next';

export const getNhostSession = (context: GetServerSidePropsContext) =>
  fetchNhostSession(
    {
      subdomain: SUBDOMAIN,
      region: REGION,
    },
    context
  );

Screeshoots

this is console.log from getNhostSession

So session is here, but JWT is expired

Nhost refresh token expired at looks correct So it expires in a future at the moment of screenshot

Also noticed that If I delete nhostSession from cookies and just refersh page - it started to work

Would be glad to get any help with it. Thanks!