Stripe Payment Method

import { loadStripe } from '@stripe/stripe-js';
import {
    CardElement,
    Elements,
    useStripe,
    useElements,
} from '@stripe/react-stripe-js';
const stripePromise = loadStripe(process.env.NODE_ENV === 'production' ? 'pk_live_YOURKEY' : 'pk_test_YOURKEY')
const stripe = useStripe();
const elements = useElements();
const Example = () => {
    const handleSubmit = async (event) => {
        event.preventDefault();
        try {
            const { error, paymentMethod } = await stripe.createPaymentMethod({
                type: 'card',
                card: elements.getElement(CardElement),
            });
            let response = await axios.post(`${CORE_URL}/place_order`, {
                paymentMethod,
            })
        }
        catch (error) {
            console.log(error)
        }
    };
    return (
        <Elements stripe={stripePromise}>
            <form onSubmit={handleSubmit}>
                <CardElement />
                <button type="submit" disabled={!stripe}>
                    Pay
                </button>
            </form>
        </Elements>
    )
}