AdminGuesser

<AdminGuesser> is the one-line entry point for Supabase admins. It wraps the kit's <Admin> component with a Supabase data provider, auth provider, default login page, password-reset routes, and an auto-generated list of <Resource> elements derived from the Supabase OpenAPI schema.

Usage

import { AdminGuesser } from "@/components/supabase";
 
export const App = () => (
  <AdminGuesser
    instanceUrl="https://your-project.supabase.co"
    apiKey="sb_publishable_..."
  />
);

For an explicit Resource list, pass <Resource> children:

import { Resource } from "ra-core";
import { AdminGuesser, SupabaseListGuesser } from "@/components/supabase";
import { CompanyEdit } from "./CompanyEdit";
 
export const App = () => (
  <AdminGuesser instanceUrl={...} apiKey={...}>
    <Resource name="companies" list={SupabaseListGuesser} edit={CompanyEdit} />
    <Resource name="contacts" list={SupabaseListGuesser} />
  </AdminGuesser>
);

Props

PropTypeDescription
instanceUrlstringRequired. Your Supabase project URL
apiKeystringRequired. Anon JWT or publishable key
dataProviderDataProviderOverride the default supabaseDataProvider
authProviderAuthProviderOverride the default supabaseAuthProvider
i18nProviderI18nProviderOverride the default English+Supabase polyglot provider
loginPageComponentTypeOverride the default <SupabaseLoginPage>
childrenReactNodeExplicit <Resource> elements (suppresses auto-detection)

All other props from <Admin> are also accepted.