Function useAuthProviderSync

frontend/src/auth/store-integration.ts:103–130

()

 * This ensures the frontend and backend are using the same auth provider
 */
export function useAuthProviderSync() {
  const { provider: storeProvider } = useAuthStore();
  const authProvider = useAuthProvider();
  const providerForStore = resolvedProviderForReturn(authProvider.name);

  useEffect(() => {
    // Check if frontend and backend auth providers are aligned
    const configuredFrontendProvider = (import.meta.env.VITE_AUTH_PROVIDER ||
      providerForStore) as string;
    const backendProvider = import.meta.env.VITE_API_AUTH_PROVIDER || configuredFrontendProvider;

    if (configuredFrontendProvider !== backendProvider) {
      console.warn(
        `Auth provider mismatch: frontend=${configuredFrontendProvider}, backend=${backendProvider}. ` +
          'This may cause authentication issues.',
      );
    }

    // Update store provider if needed
    if (storeProvider !== providerForStore) {
      useAuthStore.getState().setProvider(providerForStore);
    }
  }, [providerForStore, storeProvider]);

  return {
    provider: resolvedProviderForReturn(authProvider.name),
  };
}

function resolvedProviderForReturn(name: string): 'local' | 'clerk' | 'custom' {
  if (name === 'clerk') {