I'm using growthbook react to get the value of a tag

new_global_navigation

. It's unexpected to see a flag value is not resolved even when growthbook.ready is true: I tried to debounce the ready value as a workaround, but it's not totally fixed. Is there any way to determine flags are resolved?

what do you mean debounce?

@fresh-football-47124 Sorry, debounce is not related to the question actually. My question is how to tell the flags are resolved.

const growthbook = useGrowthBook();

const ready = !!growthbook?.ready;

const isNewGlobalNavigationOn = useFeatureIsOn('new_global_navigation');

As the above screenshot shows, when the feature flag is open and forced to be true, the resolved flag value

isNewGlobalNavigationOn

could be false for several render cycles when

ready

becomes true.

Wrapping your component in <FeaturesReady> is the standard way to do this: https://docs.growthbook.io/lib/react#waiting-for-features-to-load.

Looks like it's the same as growthbook.ready.

Yes, like I said both should work.