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