He estado usando Stripe para mi proyecto de elementos iluminados. El elemento de montaje de la tarjeta no funciona en absoluto. Aquí está mi ejemplo de código que estoy usando

 import { LitElement, html, css, property, query } from "lit-element"; import { connect } from "pwa-helpers"; import { store } from "../redux/store"; import { loadStripe } from '@stripe/stripe-js'; export class Checkout extends connect(store)(LitElement) { async init() { stripe = await loadStripe(clientSecret); element = stripe.elements(); card = element.create('card'); card.mount(this.shadowRoot.querySelector('#stripe-payment-form')); } render() { return html` <div id="stripe-payment-form"></div> ` }

Cada vez que ejecuto esto me sale el siguiente error

Error de integración no capturado (en promesa): los elementos no se pueden montar en un ShadowRoot. Por favor, monte en el Light DOM.

Sé que no tenemos DOM en el elemento Lit, pero ¿cómo podemos montar el elemento en shadowDom?