Load stripe.js dynamically in Reactjs using hook - useStripe

useStripe.md

export const useStripe = () => {
	const [stripe, setStripe] = useState()

	useEffect(() => {
		const stripeJs = document.createElement('script')
		stripeJs.src = 'https://js.stripe.com/v3/'
		stripeJs.async = true
		stripeJs.onload = () => {
			setStripe(window.Stripe(STRIPE_API_KEY))
		}
		document.body && document.body.appendChild(stripeJs)
	}, [])

	return { stripe }
}