How to fix migration and cookie associated with a cross-site warnings with react-stripe-checkout

[performautodev]

I want to use 'react-stripe-checkout' without warnings!

https://www.npmjs.com/package/react-stripe-checkout

i am take a look on the github repo i don't see any migration! wow! > https://github.com/azmenak/react-stripe-checkout
All is good but there are warnings how to fix it (PLEASE HELP ME) ? Those warnings are very ugly! it's kill me! :(
``` checkout.js:3 You’re using the legacy version of Stripe Checkout.

We released a new version of Checkout in April 2019, which supports mobile wallets and other payment methods:
https://stripe.com/docs/payments/checkout

Learn how to upgrade to the new version:
https://stripe.com/docs/payments/checkout/migration

A cookie associated with a cross-site resource at http://checkout.stripe.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

My code is so simple:

<StripeCheckout
amount={999}
stripeKey="pk_test_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
token={res => this.onTokenCall(res, createOrderOnCall)}
>
{this.props.children}

[kckusal]

Yes, this needs attention, please.

[jmdmacapagal]

+1 on this

[pablogperez]

I wonder if this is getting maintenance, just to know if I will have to look for another option before it starts breaking because of that Chrome update.