@solvapay/react-supabase

Supabase authentication adapter for SolvaPayProvider — session tokens and user IDs without a second GoTrue instance.

When to use this package: your React app already uses Supabase Auth and you want @solvapay/react checkout to send authenticated requests.

Install

pnpm add @solvapay/react-supabase @supabase/supabase-js

Guides: React · Supabase Edge

Quickstart

Pass your existing Supabase client:

import { createClient } from '@supabase/supabase-js'
import { SolvaPayProvider } from '@solvapay/react'
import { createSupabaseAuthAdapter } from '@solvapay/react-supabase'

const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
)

export default function RootLayout({ children }) {
  return (
    <SolvaPayProvider config={{ auth: { adapter: createSupabaseAuthAdapter({ client: supabase }) } }}>
      {children}
    </SolvaPayProvider>
  )
}

Reusing the host app's client is required for @supabase/ssr, custom auth.storageKey, or persistSession: false.

How it works

Calls supabase.auth.getSession() for the current token and user ID. Subscribes to onAuthStateChange so SolvaPayProvider reacts to sign-in, sign-out, and refresh without polling. Returns null when there is no session. Never throws.

See also

• @solvapay/react — checkout UI and hooks
• @solvapay/auth — server-side Supabase JWT adapter
• @solvapay/server/fetch — Supabase Edge Function handlers
• Supabase Edge example

Support

• Issues: GitHub Issues
• Docs: docs.solvapay.com/sdks/typescript/guides/supabase-edge