Implementar cobro con tarjeta mediante MercadoPago en app de ReactJS

Necesitamos que en nuestra app hecha en ReactJS permita cobros con tarjeta de credito. En nuestra pantalla de checkout permitimos actualmente cobro con Transbank OneClick Mall, y queremos implementar MercadoPago. (adjunto pantalla de checkout). Como Backend usamos Firebase Functions (NodeJS) para llamadas de API. Como base de datos (solo en backend) usamos Firestore. Necesitamos: - Componente de React (o puede ser un Hook) que permita llamar a MercadoPago. Aceptamos sugerencias de algo más práctico que se pueda integrar con nuestro código. - Crear una función de Firebase Functions (nodeJS) para los endpoints del proceso de checkout. Se necesita crear las funciones, pero todo el funcionamiento del checkout debe estar encapsulado en una Clase, ya que será un servicio que será consumido por nuestro backend. Pedímos la función de firebase functions para poder hacer testing sobre ese servicio antes de integrarlo a nuestro código. - Actualizar el estado del pago en la base de datos de Firestore. Tecnologias utilizadas: FontEnd: ReactJS + typescript, material-ui v5, react-router-dom v5 BackEnd: typescript + fireabase-admin + routing-controllers