@capacitor-community/stripe not working on web with Ionic/react

[Jayrajrodage]

Platform

• Web

Describe the bug
I am getting this error "Failed to fetch dynamically imported module": and this warning "Capacitor WebPlugin "Stripe" config object was deprecated in v3 and will be removed in v4."

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

Additional context
i Initialized the plugin as per the official '@capacitor-community/stripe' docs https://stripe.capacitorjs.jp/docs/react/
versions
"@capacitor/core": "^5.5.1",
"@capacitor-community/stripe": "^5.4.1",
"@ionic/react": "^7.5.5",

Please help me resolve this issue @rdlabo

[coachaaron]

Any update here? Having similar issue....

[toddaa]

Same exact problem here. Any insight would be much appreciated.

[rdlabo]

Currently, vite is not supported; either stop using vite or use the Stripe object without reactProvider.

import { Stripe } from '@capacitor-community/stripe';

[rdlabo]

Hi, @hideokamoto . Do we plan to support Vite in the React Provider, wondering if it should be Deprecated or not?
Tell us what you think.

Note: React with using the Stripe object will work fine.

[hideokamoto]

I would be very happy if we could use this provider component in the React application built by Vite. However, I'm not well-versed in developing custom components for the Vite environment.

Therefore, we would appreciate get more time for working on this issue. It's possible that we need to gather more detailed context to better comprehend what is happening.