flagctl
SDK

React

@flagctl/react — framework-agnostic provider.

Install

pnpm add @flagctl/react

Provider + hook

import { FlagctlProvider, useFlag } from '@flagctl/react';

export function App() {
return (
  <FlagctlProvider clientKey={process.env.FLAGCTL_CLIENT_KEY!} userId={user.id}>
    <Checkout />
  </FlagctlProvider>
);
}

function Checkout() {
const v2 = useFlag('checkout.v2');
return v2 ? <NewCheckout /> : <OldCheckout />;
}