move stripe out of head

5 years ago · d186958075
parent 7fc7c9ff22
commit d186958075
2 changed files with 5 additions and 3 deletions
--- a/components/Billing.js
+++ b/components/Billing.js
@ -1,4 +1,5 @@
 import React from 'react'
+import { Head } from 'next'
 import { Elements, StripeProvider, CardElement, injectStripe } from 'react-stripe-elements'
 import { useAsyncCallback } from 'actionsack'

@ -270,6 +271,9 @@ export default function() {
  return (
    <StripeProvider stripe={stripe}>
      <Elements>
+        <Head>
+          <script src="https://js.stripe.com/v3/" />
+        </Head>
        <BillingWithStripe />
      </Elements>
    </StripeProvider>
--- a/pages/_document.js
+++ b/pages/_document.js
@ -5,9 +5,7 @@ export default class extends Document {
  render() {
    return (
      <html lang="en">
-        <Head>
-          <script src="https://js.stripe.com/v3/" />
-        </Head>
+        <Head />
        <body>
          <Main />
          <NextScript />