Relevant Code for Stripe confusion

gistfile1.txt

  useEffect(() => {
    (async () => {
      if (stripe === undefined) {
        const stripeRes = await loadStripe(
          "pk_test_51HrbUxAdAI21ldjmWDqxhD3t8hRrKMQ2WyshTOlNLGYEd4oWVoUrkIS0bKSYzpnCNoOtkpmFwzL62sF8IM8BDTeU00t0EK9JGA"
        );
        setStripe(stripeRes);
      }
    })();
    dispatch(getActiveStripeSubscriptions());
  }, []);  

//////////////////////////////

  const [card, setCard] = useState({
    number: null,
    exp_month: null,
    exp_year: null,
    cvc: null,
  });

/////////////////////////////

  const postPaymentDetails = async (payment_type) => {
    dispatch(setAppLoading(true));
    const stripeRes =
      payment_type === "bank"
        ? await stripe.createToken("bank_account", bankAccount)
        : await stripe.tokens.create({ card });

    if (stripeRes.token) {
      const apiRes = await axios.post(`${BILLING_URL}/subscription`, {
        applicationId,
        paymentParams: { type: payment_type, token: stripeRes.token.id },
      });
      dispatch(setAppLoading(false));
      apiRes && apiRes.data
        ? dispatch(getActiveStripeSubscriptions())
        : displayError(apiRes);
    } else {
      displayError(stripeRes);
    }
  };