hi team, I have a simple question I am checking if my feature flag is on or off like this

const isV4checkout = GB?.isOn(GROWTHBOOK_ENUMS.V4_CHECKOUT_PAGE_V2);

but the result that I get in console.log is like this

checkout-wrapper.tsx:260 isV4checkout false
checkout-wrapper.tsx:260 isV4checkout false
checkout-wrapper.tsx:260 isV4checkout false
checkout-wrapper.tsx:260 isV4checkout true
checkout-wrapper.tsx:260 isV4checkout true
checkout-wrapper.tsx:260 isV4checkout true

so now I am asking why by default my feature flag is false then becomes true, while in growthBook features dashboard I have enabled as default value to be true Because of this It renders different component then when it is true it renders another component it doesn’t work properly. I am using NextJs 14.2.3

Hi! There could be a couple of different things at play here. The first thing I'd do is make sure a cached value is being served—just restart your Next app and clear any storage in the browser. Next, does your ff have any rules that would affect rendering? Third, If you're still seeing unexpected rendering issues, I'll need some more info on how you set up your app. Which rendering strategy are you using with Next js and how have you configured your components?