@nyxids/oauth-react

React bindings for NyxID OAuth SDK.

Install

npm install @nyxids/oauth-react @nyxids/oauth-core

Usage

import { NyxIDProvider, createNyxClient, useNyxID } from "@nyxids/oauth-react";

const client = createNyxClient({
  baseUrl: "https://auth.example.com",
  clientId: "your-client-id",
  redirectUri: "https://app.example.com/auth/callback",
});

function LoginButton() {
  const { loginWithRedirect } = useNyxID();
  return <button onClick={() => void loginWithRedirect()}>Sign in</button>;
}

export function AppRoot() {
  return (
    <NyxIDProvider client={client}>
      <LoginButton />
    </NyxIDProvider>
  );
}

Publish

npm run prepublishOnly
npm publish