From 2c603ad7edaab78fb8d0ef93d5d96dd456d56dee Mon Sep 17 00:00:00 2001 From: Drew Liu Date: Mon, 2 Mar 2026 15:54:09 -0600 Subject: [PATCH 1/2] fix the bad request issue --- .../v6/src/shared/utils.ts | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/packages/react-paypal-js-storybook/v6/src/shared/utils.ts b/packages/react-paypal-js-storybook/v6/src/shared/utils.ts index a44bae32..6ec3c70b 100644 --- a/packages/react-paypal-js-storybook/v6/src/shared/utils.ts +++ b/packages/react-paypal-js-storybook/v6/src/shared/utils.ts @@ -29,7 +29,10 @@ export const PAYPAL_CLIENT_ID = export async function createOrder(): Promise<{ orderId: string }> { const response = await fetch( `${SAMPLE_INTEGRATION_API}/paypal-api/checkout/orders/create-order-for-one-time-payment`, - { method: "POST" }, + { + method: "POST", + headers: { "Content-Type": "application/json" }, + }, ); const data = await response.json(); return { orderId: data.id }; @@ -40,7 +43,10 @@ export async function captureOrder( ): Promise> { const response = await fetch( `${SAMPLE_INTEGRATION_API}/paypal-api/checkout/orders/${orderId}/capture`, - { method: "POST" }, + { + method: "POST", + headers: { "Content-Type": "application/json" }, + }, ); return response.json(); } @@ -50,7 +56,10 @@ export async function captureOrder( export async function createVaultToken(): Promise<{ vaultSetupToken: string }> { const response = await fetch( `${SAMPLE_INTEGRATION_API}/paypal-api/vault/create-setup-token-for-paypal-save-payment`, - { method: "POST" }, + { + method: "POST", + headers: { "Content-Type": "application/json" }, + }, ); const data = await response.json(); return { vaultSetupToken: data.id }; From 0d2121adc403a2c75a14c35067be13417eeb9250 Mon Sep 17 00:00:00 2001 From: Drew Liu Date: Mon, 2 Mar 2026 16:01:47 -0600 Subject: [PATCH 2/2] update code.ts to include headers --- packages/react-paypal-js-storybook/v6/src/shared/code.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react-paypal-js-storybook/v6/src/shared/code.ts b/packages/react-paypal-js-storybook/v6/src/shared/code.ts index 06a03c5f..ba02be08 100644 --- a/packages/react-paypal-js-storybook/v6/src/shared/code.ts +++ b/packages/react-paypal-js-storybook/v6/src/shared/code.ts @@ -84,6 +84,7 @@ import { PayPalProvider, PayPalSavePaymentButton } from "@paypal/react-paypal-js async function createVaultToken() { const response = await fetch("/api/paypal/create-vault-token", { method: "POST", + headers: { "Content-Type": "application/json" }, }); const data = await response.json(); return { vaultSetupToken: data.id }; @@ -118,6 +119,7 @@ import { async function createOrder() { const response = await fetch("/api/paypal/create-order", { method: "POST", + headers: { "Content-Type": "application/json" }, }); const data = await response.json(); return { orderId: data.id }; @@ -163,6 +165,7 @@ import { PayPalProvider, PayPalGuestPaymentButton } from "@paypal/react-paypal-j async function createOrder() { const response = await fetch("/api/paypal/create-order", { method: "POST", + headers: { "Content-Type": "application/json" }, }); const data = await response.json(); return { orderId: data.id };