Paystack ref uses initial state values

[kazeemOnis]

I'm fetching my amount and apikey from an API, but for some reason, the paystack ref uses the initial values of the states

const [paystackKey, setPaystackKey] = useState('');
const [amount, setAmount] = useState(0);
const paystackWebViewRef = useRef();

useEffect(() => {
setAmount(100000);
setPaystackKey('ps...........');
}, []);


<PaystackWebView
    showPayButton={false}
    paystackKey={paystackKey}
    amount={amount}
    billingEmail={user.email}
    billingMobile={user.telephone}
    billingName={user.firstName}
    ActivityIndicatorColor="green"
    refNumber={Math.floor((Math.random() * 1000000000) + 1)}
    ref={paystackWebViewRef}
    onSuccess={(tranRef: any) => { confirmPayment(tranRef); }}
    onCancel={() => { console.log('something went wrong'); }}
/>

So on payment, the paystack key would empty and the amount still zero. Any help will be useful @just1and0 .

[mosoakinyemi]

Looking into this

[kazeemOnis]

@mosoakinyemi thanks, please if you need anything from me let me know.

[mosoakinyemi]

Hey bro, I tried recreating this and had no issue at all.
https://snack.expo.io/@mosoakinyemi/rn-paystack-webview-issue-57

Kindly crosscheck your app logic 🙂.
Cheers!