[Bug]: Switch organization does not work with widget

[Dhruv-Mehndhiratta-Centml]

• I have been trying to use switchToOrganization in OrganizationSwitcher widget, it seems like if i use react authkit it works perfectly fine, like it make the authenticate call and update the selected organization(because it fetches organization list after that), but in case of Js library I am not able to see the organizations get api call if I use js instance functions with the OrganizationSwitcher widget, which is making my dropdown to not get update with the latest organization which i picked.

• Initially i was getting the can not read private member error which i fixed using the bind approach and now i am trying to pass the same instance functions i.e getAccessToken and switchToOrganization from the same client instance to the widget component.

[Dhruv-Mehndhiratta-Centml]

this is my singleton class for the client

import { createClient } from '@workos-inc/authkit-js';
import { PUBLIC_ROUTES } from '@routes/routes.paths';
import { handleAuthComplete } from './handleAuthComplete';

export type AuthKitClient = Awaited<ReturnType<typeof createClient>>;

const redirectUri = `${window.location.origin}${PUBLIC_ROUTES.AUTH_CALLBACK}`;

const { VITE_PUBLIC_WORKOS_CLIENT_ID, VITE_PUBLIC_WORKOS_API_HOSTNAME, MODE } = import.meta.env;

const IS_PRODUCTION = MODE === 'prod';

export class WorkOSClient {
	private static instancePromise: Promise<AuthKitClient> | null = null;

	private constructor() {}

	/**
	 * Returns the singleton instance of AuthKitClient.
	 * If the instance does not exist yet, it creates it.
	 */
	public static getInstance(): Promise<AuthKitClient> {
		if (!WorkOSClient.instancePromise) {
			WorkOSClient.instancePromise = createClient(VITE_PUBLIC_WORKOS_CLIENT_ID, {
				apiHostname: VITE_PUBLIC_WORKOS_API_HOSTNAME,
				onRefresh: (response) => handleAuthComplete(response.user, response.accessToken),
				redirectUri,
				devMode: !IS_PRODUCTION
			});
		}
		return WorkOSClient.instancePromise;
	}
}

export const workos = {
	get client() {
		return WorkOSClient.getInstance();
	}
};

and this is how i was trying to consume it

const { getAccessToken, switchToOrganization } = useLoaderData<{
		getAccessToken: () => Promise<string>;
		switchToOrganization: (args: any) => Promise<void>;
	}>();

<WorkOsWidgets>
   <OrganizationSwitcher authToken={getAccessToken} switchToOrganization={switchToOrganization} />
</WorkOsWidgets>