I am trying to vault a card using PayPal’s PayPalButtons, but I am not receiving the billingToken in the onApprove response.

What I Have Tried: I have enabled Vaulting in the PayPal Developer Dashboard, and my PayPal integration looks like this:

1. Frontend Code (React, PayPal Buttons)

<PayPalScriptProvider options={{ clientId: "test", components: "buttons", currency: "USD", intent: "capture", vault: true }}>
  <PayPalButtons
 createOrder={(data, actions) => {
   return actions.order.create({
     purchase_units: [{ amount: { value: "9.99" } }],
   });
 }}
 onApprove={(data, actions) => {
   console.log("Order Approved:", data);

   if (!data.billingToken) {
     console.error("No billingToken received!");
   }

   return actions.order.capture().then((details) => {
     console.log("Capture Details:", details);
   });
 }}
/>
</PayPalScriptProvider>

2. Expected Behavior: data.billingToken should contain a vault token that I can send to my backend.

I should be able to store this token and charge the user later.

3. Actual Behavior (Issue) billingToken is always null.

The onApprove response looks like this:

{
    "orderID": "3L820413VH915090N",
    "payerID": "E3T6H4CYL8AZ8",
    "paymentID": "3L820413VH915090N",
    "billingToken": null,
    "facilitatorAccessToken": "XXXXXXXXXXXX",
}

4. Things I Have Checked:

   Vaulting is enabled in my PayPal Developer Dashboard.

   Tried setting { vault: true }, but it's no longer a valid prop in PayPalButtons.

   Verified that my PayPal account supports Vaulting.

5. Question:

   Why is billingToken always null?

   How do I properly vault a card and get the token in the response?

   Is there a new way to vault payments in the latest PayPal API?

Any help would be greatly appreciated!

I am trying to vault a card using PayPal’s PayPalButtons, but I am not receiving the billingToken in the onApprove response.

What I Have Tried: I have enabled Vaulting in the PayPal Developer Dashboard, and my PayPal integration looks like this:

1. Frontend Code (React, PayPal Buttons)

<PayPalScriptProvider options={{ clientId: "test", components: "buttons", currency: "USD", intent: "capture", vault: true }}>
  <PayPalButtons
 createOrder={(data, actions) => {
   return actions.order.create({
     purchase_units: [{ amount: { value: "9.99" } }],
   });
 }}
 onApprove={(data, actions) => {
   console.log("Order Approved:", data);

   if (!data.billingToken) {
     console.error("No billingToken received!");
   }

   return actions.order.capture().then((details) => {
     console.log("Capture Details:", details);
   });
 }}
/>
</PayPalScriptProvider>

2. Expected Behavior: data.billingToken should contain a vault token that I can send to my backend.

I should be able to store this token and charge the user later.

3. Actual Behavior (Issue) billingToken is always null.

The onApprove response looks like this:

{
    "orderID": "3L820413VH915090N",
    "payerID": "E3T6H4CYL8AZ8",
    "paymentID": "3L820413VH915090N",
    "billingToken": null,
    "facilitatorAccessToken": "XXXXXXXXXXXX",
}

4. Things I Have Checked:

   Vaulting is enabled in my PayPal Developer Dashboard.

   Tried setting { vault: true }, but it's no longer a valid prop in PayPalButtons.

   Verified that my PayPal account supports Vaulting.

5. Question:

   Why is billingToken always null?

   How do I properly vault a card and get the token in the response?

   Is there a new way to vault payments in the latest PayPal API?

Any help would be greatly appreciated!

• reactjs
• paypal

1 Answer 1

actions.order.create is deprecated and should not be used for any integration. delete it.

Follow the guide to create an order for vaulting from your backend service using the API https://developer.paypal/docs/checkout/save-payment-methods/during-purchase/js-sdk/paypal/