Why I'm stuck on add credit card screen.

[ramangupta1602]

Hi @yatatsu,

Why I'm stuck on add credit card screen, why I don't get token after this process, using the latest version of the package and the version of react-native@0.72.3

and the code is:----

1. PayjpCore.init({ publicKey: PAY_JP_PUBLIC_KEY_TEST, }).then(() => { console.log('Prod',PAY_JP_PUBLIC_KEY_TEST); }).catch((error) => { console.error('Error initializing PayjpCore:', error); });

2. onPressAddCard = () => { PayjpCardForm.startCardForm() }

   3. const unsubscribePayjpForm = PayjpCardForm.onCardFormUpdate({ onCardFormProducedToken: async token => { console.log('onCardFormProducedToken', token);

      return PayjpCardForm.completeCardForm()

      } catch (exception) { return PayjpCardForm.showTokenProcessingError('An error has occured') } } })

   PayjpCore.init() this is working fine but I'm stuck here onCardFormUpdate

[yatatsu]

Hi @ramangupta1602

I’ve looked at your code and screenshots. Please check the following points:

• Since the card form is displayed, it seems that PayjpCardForm.startCardForm() is working properly.
• In that case, there might be an issue with the listener not being subscribed when creating the token.
• Please verify if the return value of PayjpCardForm.onCardFormUpdate is being properly handled with hooks.
• Make sure to set up a listener for cancellation, such as onCardFormCanceled, and check if it gets called when the card form is canceled.

thanks