2022 Demo.tsx

Demo.tsx

// <Demo> must be enclosed in <ExperimentLayout>.
//
// Example:
// <ExperimentLayout>
//   <Demo />
// </ExperimentLayout>

const Demo = () => {
  const { isControlActive } = useExperiment();
  const variantId = 'test_demo_experiment'; // TODO: update with real experiment flag key.
  const abIsControl = isControlActive(variantId);

  return abIsControl ? <h1>Control enabled</h1> : <h2>Variant enabled</h2>
}