Repository navigation
OnSuccess & OnClose Function not working #101
Description
const config = {
reference: (new Date()).getTime().toString(),
email: "demo@gmail.com",
amount: Math.ceil(final_fees_to_pay) * 100,
currency: "GHS",
channels: ["card", "bank", "mobile_money", "bank_transfer", "qr", "eft"],
metadata: {
"item_id": 'item-1003944'
},
publicKey: 'pk_test_4b43c',
};
// onSuccess, Verify Transaction in server and then redirect to Success Page
const onSuccess = (reference) => {
// Implementation for whatever you want to do with reference and after success call.
console.log('Transaction Success ', reference);
alert(reference)
router.replace('/success')
};
// Cancel transaction when user closes payment modal
const onClose = () => {
// implementation for whatever you want to do when the Paystack dialog closed.
// alert('closed')
}
const PaystackHook = () => {
const initializePayment = usePaystackPayment(config);
return(
<Button fullWidth color='primary' radius='full' size='lg' onClick={() => {initializePayment(onSuccess, onClose)}}>
<Image src='/images/default/paystack.jpg' width={30} height={30} className='rounded-full' alt='PayStack'/> Pay
</Button>
)
}
return (
<React.Fragment>
<div className='mt-5'>
<PaystackHook/>
</div>
</React.Fragment>
)
}
After payment success onSuccess does not work or throw any error and same as onClose
Activity
iamefe commentedon May 26, 2024
Same here.
kodervine commentedon Jun 19, 2024
I am having the same issue. Have you been able to work around this @multiman95 @iamefe
iamefe commentedon Jun 19, 2024
@kodervine Yes. Here's what worked for me:
I wrapped both onSuccess and onClose in curly brackets before they were recognized. I think the documentation needs to be updated.
kodervine commentedon Jun 19, 2024
That worked. Thank you so very much. Yes, definitely a documentation issue
iamefe commentedon Jun 19, 2024
You are welcome. I just made a pull request for the edit.
#106
kodervine commentedon Jun 19, 2024
Yeah hopefully. I know the older integration I'd had with paystack without the curly braces still work. But let's see what they resolve it
daviddivinefavour commentedon Jul 30, 2024
Well.. Thanks guys, was facing the same difficulty for over 40mins now
mylesodey commentedon Apr 23, 2025
You are a life saver, ive been stuck on this for days. Thank you
DevMubarak1 commentedon Oct 5, 2026
Submitted a fix in #127 that supports both positional arguments initializePayment(onSuccess, onClose) and the object signature initializePayment({ config, onSuccess, onClose }), keeping backwards compatibility while preventing zero-argument crashes.