amplitude_experiment.tsx

// Example app.tsx file in a Next.js project

export default function App(){
  useEffect(() => {
    analytics.init(process.env.NEXT_PUBLIC_AMPLITUDE_API_KEY); 
  }, []);

  return (
      <FeatureFlagsProvider
        amplitudeExperimentApiKey={
          process.env.NEXT_PUBLIC_AMPLITUDE_EXPERIMENTS_API_KEY
        }
      >
        <Component />
      </FeatureFlagsProvider>
  );
}

// Analtyics is initialised like so:

const init = (key: string) => {
  if (!initialised) {
    amplitudeSDK.init(key);
    setInitialUserId();
    initialised = true;
  }
};

// Inside FeatureFlagsProvider we initialise the experiments client like so:

Experiment.initializeWithAmplitudeAnalytics(amplitudeExperimentApiKey, {
  automaticFetchOnAmplitudeIdentityChange: true,
  automaticExposureTracking: false,
});