[BUG]: Intermittent issue with CardElement #548
Description
What happened?
The issue is intermittent.
Clients have been reporting this icon in the Credit Card form.
This is the implementation:
`import { Elements, StripeProvider, CardElement, injectStripe } from 'react-stripe-elements';
const CheckoutForm = (props) => {
const dispatch = useDispatch();
const [ isLoading, setIsLoading ] = useState(false);
const submit = async (ev) => {
setIsLoading(true);
const token = await props.stripe.createToken(
{
name: `${props.name} - ${props.email}`,
address_country: props.country,
}
).then(props.handleResult)
setIsLoading(false);
if (token.token) {
props.returnToken(token);
}
if (token.error) {
dispatch(setSnackbarMessage({
message: token.error.message,
type: 'error',
}));
}
}
return (
<>
<StripeProvider
apiKey={REACT_APP_STRIPE_US }
>
<Elements>
<CardElement />
</Elements>
</StripeProvider>
</>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(injectStripe(withRouter(CheckoutForm))));
`
I'm trying to understand what the icon in the attached screenshot means.
This is intermittent and I was never able to reproduce it, but many clients have complained.
Environment
No response
Reproduction
https://cur8.com/schedule/item/2/335105?event=80912&date=335105