is this the right channel for "newbies trying to get basic sdk integration instructions to work" style questions? im trying to set up Babys First Feature Flag in a really spaghettified and obscure nextjs app that i inherited, and while im pretty sure this is a "me problem", im wondering if anyone has any clues or leads. from what i can tell from the growthbook in-app instructions, if i want actual client side behavior, i should be following the react instructions not the next instructions. so i am attempting this 🧵

Sure

so i whipped up:

'use client';

import { GrowthBook } from '@growthbook/growthbook';
import { GrowthBookProvider } from '@growthbook/growthbook-react';
import { thirdPartyTrackingPlugin, autoAttributesPlugin } from '@growthbook/growthbook/plugins';
import { ReactNode, useEffect } from 'react';

export function GrowthBookInitProvider({ children }: { children: ReactNode }) {
  // DO NOT SHIP THIS - THESE VALUES SHOULD COME FROM ENV
  const growthbook = new GrowthBook({
    apiHost: '<https://cdn.growthbook.io>',
    clientKey: 'sdk-REDACTED',
    enableDevMode: true,
    plugins: [
      // autoAttributesPlugin(),
      thirdPartyTrackingPlugin({ trackers: ['segment'] }),
    ],
  });

  useEffect(() => {
    // Load features asynchronously when the app renders
    growthbook.init({ streaming: true });
  }, []);

  return <GrowthBookProvider growthbook={growthbook}>{children}</GrowthBookProvider>;
}

Glad I could help

its amazing how sometimes being at the peak of one's despair and just having to explain your problem to someone else, can be so helpful