> ## Documentation Index > Fetch the complete documentation index at: https://docs.crovver.com/llms.txt > Use this file to discover all available pages before exploring further. # Installation > Add the Crovver React SDK to your app. ## Install ```bash theme={null} npm install crovver-react # or pnpm add crovver-react # or yarn add crovver-react ``` **Peer dependencies:** React 18+ or React 19+. ## Setup Wrap your application with `CrovverProvider`. In a Next.js app this goes in your root layout: ```tsx theme={null} // app/layout.tsx import { CrovverProvider } from 'crovver-react'; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} ); } ``` `tenantId` is the workspace or org ID from your app — the same value you use as `externalTenantId` when creating tenants or initiating checkout. `userId` is the individual user's ID and is used to deduplicate owner records across sessions. ## Environment Variables ```bash theme={null} # .env.local NEXT_PUBLIC_CROVVER_PUBLIC_KEY=pk_live_... ``` ## What's Exported ```tsx theme={null} // Provider import { CrovverProvider } from 'crovver-react'; // Hooks import { useSubscription, useFeatureAccess, useBillingRedirect } from 'crovver-react'; // Components import { Paywall, FeatureGuard, SubscriptionBadge } from 'crovver-react'; ``` ## Next Steps Full config reference for the provider. Read subscription status and plan data. Gate features by plan. Trigger checkout and portal redirects.