How do you use withUrqlClient with AuthExchange?

[jnovak-SM2Dev]

I'm trying to use withUrqlClient with AuthExchange, but i'm not sure how i'm supposed to let it know when the token has changed. Right now it uses my default token, but once the user has logged in it doesn't update until I reload the page. Anyone know how this is supposed to be handled?

import type { AppProps } from "next/app";
import { withUrqlClient } from "next-urql";
import { SSRExchange, cacheExchange, fetchExchange } from "urql";
import { QueryParamProvider } from "use-query-params";
import { NextAdapter } from "next-query-params";
import { SessionProvider, getSession } from "next-auth/react";
import { authExchange } from "@urql/exchange-auth";

const App = ({ Component, pageProps: { session, ...pageProps } }: AppProps) => (
  <SessionProvider session={session}>
    <QueryParamProvider adapter={NextAdapter}>
      <Component {...pageProps} />
    </QueryParamProvider>
  </SessionProvider>
);
export default withUrqlClient(
  (ssrExchange: SSRExchange) => ({
    url: process.env.NEXT_PUBLIC_API_URL || "",
    fetchOptions: {
      headers: {
        Authorization: `Bearer ${process.env.NEXT_PUBLIC_API_TOKEN}`,
      },
    },
    exchanges: [
      cacheExchange,
      ssrExchange,
      authExchange(async (utils) => {
        const session = await getSession();
        const token = session?.jwt;
        console.log("TOKEN", token);

        return {
          addAuthToOperation(operation) {
            if (token) {
              return utils.appendHeaders(operation, {
                Authorization: `Bearer ${token}`,
              });
            }
            return operation;
          },
          willAuthError(_operation) {
            // e.g. check for expiration, existence of auth etc
            return !token;
          },
          didAuthError(error, _operation) {
            // check if the error was an auth error
            // this can be implemented in various ways, e.g. 401 or a special error code
            return error.graphQLErrors.some(
              (e) => e.extensions?.code === "FORBIDDEN"
            );
          },
          async refreshAuth() {},
        };
      }),
      fetchExchange,
    ],
  }),
  { ssr: false }
)(App);

[jnovak-SM2Dev]

I see that resetUrqlClient could help maybe? But there is no documentation on how to use that whatsoever.