add elements prop to hook

Author: ChristopheBougere

README.md

@@ -26,7 +26,7 @@ function PaymentForm() {
 }
 
 function Form() {
-    const stripe = useStripe()
+    const { stripe, elements } = useStripe()
 
     const [formState, setFormState] = useState({
         name: '',
@@ -37,6 +37,12 @@ function Form() {
         event.preventDefault()
 
         const paymentMethod = {
+            payment_method: {
+                card: elements.getElement('card'),
+                billing_details: {
+                    name: 'Jenny Rosen',
+                },
+            },
             payment_method_data: {
                 billing_details: {
                     name: formState.name,

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "react-stripe-hooks",
-    "version": "1.3.1",
+    "version": "1.4.0",
     "description": "React hooks for Stripe.js and Stripe Elements",
     "main": "dist/index.js",
     "module": "dist/index.es.js",

package.json

@@ -5,8 +5,8 @@ const Context = createContext()
 
 const useStripe = () => useContext(Context)
 
-const HookProvider = ({ children, stripe }) => (
-    <Context.Provider value={stripe}>
+const HookProvider = ({ children, stripe, elements }) => (
+    <Context.Provider value={{ stripe, elements }}>
         {children}
     </Context.Provider>
 )