Importing web component `[...] does not exist on type 'JSX.IntrinsicElements'`

import '@power-elements/stripe-elements'

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'stripe-payment-request': any
    }
  }
}

const App = (props) => <div>
      <stripe-payment-request
        publishable-key={props.options.publicKey}
        client-secret={props.options.paymentIntentSecret}
        generate="source"
        amount="125"
        label="Double Double"
        country="CA"
        currency={props.options.currency}
      />
</div>

import '@power-elements/stripe-elements'

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'stripe-payment-request': any
    }
  }
}

const App = (props) => <div>
      <stripe-payment-request
        publishable-key={props.options.publicKey}
        client-secret={props.options.paymentIntentSecret}
        generate="source"
        amount="125"
        label="Double Double"
        country="CA"
        currency={props.options.currency}
      />
</div>