Hello, I've successfully integrated Growthbook using the @green-kite-41783/growthbook-react SDK. We're eager to run an A/B test on our pricing plans and have created a feature for pricing variations as follows: const enabled = useFeatureIsOn("new-pricing"); The issue we're facing is that when the "new-pricing" feature is set to false, everything works smoothly. However, when the feature is enabled, we're experiencing lagging for a short period of time (please refer to the attached video). We would greatly appreciate your guidance on how to resolve this issue. Your assistance will be invaluable in ensuring a seamless A/B testing process. Thank you in advance for your support!

Hi Hasan, have you seen this: https://docs.growthbook.io/lib/react#waiting-for-features-to-load

Yes I have used a fallback UI

Try calling

const enabled = useFeatureIsOn("new-pricing")

from within the PricingPage itself, instead of passing it in as a prop. As you have it now the enabled variable is loading from outside the FeaturesReady logic.

I have tried calling useFeatureIsOn in the PricingPage component but the issue persists

and you changed the code to use it and got rid of the prop?

It could be caused by a delay when loading the attributes…

Is there any way to load variations on the server and serve the pricing page with variations? It will help improve user experience

sure

ok thanks, @fresh-football-47124 for your support, I am working on rendering variations server-side

you just have to log that exposure event, doesn’t have to happen client side or server side - but has to happen somewhere