Merge pull request #851 from paypal/fix/fix-bad-request-storybook

fix the bad request issue

Author: HackTheW2d

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 };

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<Record<string, unknown>> {
     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 };