React (SPA)

Тот же SynapseaAuthProvider; маршрут /auth/callback в вашем роутере.

// main.tsx
import { SynapseaAuthProvider } from '@synapsea/auth-react';

createRoot(document.getElementById('root')!).render(
  <SynapseaAuthProvider
    config={{
      apiKey: import.meta.env.VITE_SYNAPSEA_KEY,
      callbackURL: window.location.origin + '/auth/callback',
    }}
  >
    <App />
  </SynapseaAuthProvider>,
);

Пример с защищённым редиректом:

// AuthCallback.tsx — маршрут /auth/callback
import { useSynapseaAuth } from '@synapsea/auth-react';

export function AuthCallback() {
  const { user, loading } = useSynapseaAuth();
  if (loading) return null;
  if (user) return <Navigate to="/" replace />;
  return <p>Ошибка</p>;
}