can not send tax amount in stripe from next js app

Question

In my project, I am using WordPress woo-commerce as backend and next js as frontend. I am trying to implement stripe payment. I can send line items in stripe sessionData and they show perfectly on the stripe page, how ever when I am trying to send the tax amounts with line items I am getting errors.

import { createCheckoutSession } from "next-stripe/client"; // @see https://github.com/ynnoj/next-stripe
import { loadStripe } from "@stripe/stripe-js";

.....
.....

const createCheckoutSessionAndRedirect = async (orderData) => {
  const sessionData = {
    success_url:
      window.location.origin +
      `/thank-you?session_id={CHECKOUT_SESSION_ID}&order_id=${orderData.orderId}`,
    cancel_url: window.location.href,
    customer_email: orderData.customer_email,
    line_items: getStripeLineItems(orderData.products),
    metadata: getMetaData(
      orderData.billing,
      orderData.shipping,
      orderData.orderId
    ),
    payment_method_types: ["card"],
    mode: "payment",
    total_details:{
      amount_discount: 0,
      amount_shipping: Math.round(10 * 100),
      amount_tax: Math.round(10 * 100),
    },
  };
  console.log("Session from another1:", sessionData);

  const session = await createCheckoutSession(sessionData);

  console.log("Session from another2:", sessionData);
  console.log("from another2:", orderData);

  try {
    console.log("session data", session);
    const stripe = await loadStripe(
      process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
    );
    if (stripe) {
      stripe.redirectToCheckout({ sessionId: session.id });
    }
  } catch (error) {
    console.log(error);
  }
};

Answer 1

You cannot set total_details directly as you are trying to do. That is a calculated property of the object (ref), not part of the create endpoint (ref).

To add tax to a Checkout session, you should either use automatic taxes with Stripe Tax, or provide explicit tax rates.