Niloofar / Added a condition to ensure that Growthbook is fully loade…

…d before assigning or using any feature flags (#16642)

* fix: growthbook not loaded correctly

* chore: removed logges

packages/core/src/App/Components/Layout/Header/signup-button.jsx

@@ -1,16 +1,23 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@deriv/components';
 import { redirectToSignUp, mobileOSDetectAsync, isSafari } from '@deriv/shared';
 import { localize } from '@deriv/translations';
 import { useGrowthbookGetFeatureValue } from '@deriv/hooks';
 
 const SignupButton = ({ className }) => {
-    const [trigger_os_signup] = useGrowthbookGetFeatureValue({
+    const [redirect_to_os_signup, setRedirectToOSSignup] = useState(false);
+    const [trigger_os_signup, isGBLoaded] = useGrowthbookGetFeatureValue({
         featureFlag: 'trigger_os_signup',
         defaultValue: false,
     });
 
+    useEffect(() => {
+        if (isGBLoaded) {
+            setRedirectToOSSignup(trigger_os_signup);
+        }
+    }, [isGBLoaded, trigger_os_signup]);
+
     const handleOutSystemsRedirection = () => {
         switch (process.env.NODE_ENV) {
             case 'production':
@@ -25,7 +32,7 @@ const SignupButton = ({ className }) => {
     const handleSignup = async () => {
         const os = await mobileOSDetectAsync();
 
-        if (trigger_os_signup) {
+        if (redirect_to_os_signup) {
             if (os === 'iOS' || isSafari()) {
                 redirectToSignUp();
             } else window.open(handleOutSystemsRedirection());