const growthbook = new GrowthBook({
  apiHost: "<https://cdn.growthbook.io>",
  clientKey: "my-key",
  enableDevMode: true,
  trackingCallback: (experiment, result) => {
    console.log("Viewed Experiment", {
      experimentId: experiment.key,
      variationId: result.key,
    });
  },
}); 

/.../

useEffect(() => {
  growthbook.loadFeatures({ autoRefresh: true });
}, []);

index-title

buttoncolor

const newButtonColor = useFeatureIsOn("buttoncolor");

button-color

import React from "react";

import { useFeatureIsOn } from "@growthbook/growthbook-react";

export default function Home() {
  const newButtonColor = useFeatureIsOn("buttoncolor"); // Its' my feature

  console.log(newButtonColor);

  return (
    <>
      {newButtonColor ? (
        <p style={{ background: "red" }}>VERMELHO</p>
      ) : (
        <p style={{ background: "blue" }}>AZUL</p>
      )}
    </>
  );
}

id