Mi error en el navegador es el siguiente,

 showbtdropIn D:/mern/projfrontend/src/core/PaymentB.js:38 35 | 36 | const showbtdropIn = () => { 37 | return ( > 38 | <div> | ^ 39 | {info.clientToken !== null && products.length > 0 ? ( 40 | <div> 41 | <DropIn View compiled

 Paymentb D:/mern/projfrontend/src/core/PaymentB.js:106 103 | 104 | return ( 105 | <div> > 106 | <h3>Your bill is {getAmount()} $</h3> | ^ 107 | {showbtdropIn()} 108 | </div> 109 | ); View compiled

 ▶ 18 stack frames were collapsed. (anonymous function) D:/mern/projfrontend/src/core/PaymentB.js:28 25 | getmeToken(userId, token).then((info) => { 26 | // console.log("INFORMATION", info); 27 | if (info.error && info) { > 28 | setInfo({ ...info, error: info.error }); | ^ 29 | } else { 30 | const clientToken = info.clientToken; 31 | setInfo({ clientToken }); View compiled

Todos los archivos de código relacionados se comparten en este enlace haga clic aquí para archivos

No entiendo dónde me perdí, la longitud ya está definida, incluso getAmount es bueno sin ningún error en la lógica o en el funcionamiento, no entiendo por qué muestra propiedades indefinidas, soy nuevo en la pila MERN, ¿alguien puede ayudar? ¿yo? Y ayúdame a entender este error y el concepto que me falta.

Si encuentra buena la pregunta, dé un voto a favor de +1 para que ayude a otros.