Unable to import components in v2.0.3

[utyfua]

Hello

How to use v2? I am trying to update from v1.4.0 to v2.0.3 but I unable to import components.

My code:

import {
  ConnectComponentsProvider,
  ConnectPayments,
  ConnectPayouts
} from '@stripe/react-connect-js';

Errors:

webpack compiled with 2 errors
ERROR in src/<...>/StripeConnect.tsx:6:3
TS2305: Module '"@stripe/react-connect-js"' has no exported member 'ConnectPayments'.
    4 | import {
    5 |   ConnectComponentsProvider,
  > 6 |   ConnectPayments,
      |   ^^^^^^^^^^^^^^^
    7 |   ConnectPayouts
    8 | } from '@stripe/react-connect-js';

ERROR in src/<...>/StripeConnect.tsx:7:3
TS2305: Module '"@stripe/react-connect-js"' has no exported member 'ConnectPayouts'.
     5 |   ConnectComponentsProvider,
     6 |   ConnectPayments,
  >  7 |   ConnectPayouts
       |   ^^^^^^^^^^^^^^
     8 | } from '@stripe/react-connect-js';

[mertindervish]

Hi!

I had the same issue and I don't know the reason but as far as I see from the repo, the beta components like ConnectPayments and ConnectPayouts are removed from the stable releases.

I checked the docs where it is mentioned to install beta versions like this:

npm install --save @stripe/connect-js@beta

npm install --save @stripe/react-connect-js@beta

Doing so fixed my problem. I hope it will help you too

[utyfua]

Hello

Thank you once again!

I was following this repository only and even forgot about the external documentation.

Have a nice day!