Use React hooks

import { createShipdReact } from "shipdit/client/react";
import type { FlagDefinitions } from "./generated/flags";

export const { ShipdProvider, useFlag, useVariant, useReady } =
  createShipdReact<FlagDefinitions>();

import { createClient } from "shipdit/client";

const client = createClient<FlagDefinitions>({
  sdkKey: "shipd_sdk_client_…",
  endpoint: "https://edge.useshipd.com",
});

<ShipdProvider client={client}>
  <App />
</ShipdProvider>

function Banner() {
  const ready = useReady();
  const on = useFlag("new-checkout");
  if (!ready) return null;
  return on ? <NewBanner /> : null;
}