Migrating from v2 to v3

Since we launched our v2 we have made some improvements and added new features. To migrate from v2 to v3 you need to make some changes to your code.

- import SquarePaymentsForm, { CreditCardInput } from 'react-square-web-payments-sdk'
+ import { CreditCard, PaymentForm } from 'react-square-web-payments-sdk'

const MyPaymentForm = () => (
-  <SquarePaymentsForm>
+  <PaymentForm>
-    <CreditCardInput />
+    <CreditCard />
+  </PaymentForm>
-  </SquarePaymentsForm>
);

export default MyPaymentForm;

But we also changed the way we pass callbacks to the credit card input.

<CreditCard
-  cardBrandChanged={(event) => console.info(event)}
+  callbacks={{
+    cardBrandChanged: (event) => console.info(event),
+  }}
/>

And that's all! The rest of the new features can be seen in all the docs and examples.