Estoy tratando de mostrar algunos datos del servidor en HBS, pero no siempre funciona. Algunas veces, HBS actuará como si no se pasaran datos, por lo que supongo que se carga demasiado rápido antes de que se represente el objeto. ¿Cómo puedo esperar a que el usuario req. llegue al front-end antes de cargar /profile?

El siguiente código toma el objeto req.user de dbs y lo convierte en hbs:

 router.get("/profile", authController.isLoggedIn, (req, res) => { if (req.user) { res.render("profile", { user: req.user}); }

HBS:

 <div class="order-info-content"> {{#unless user.orders.[0].id}} <h4>You do not have any recent orders</h4> <br> <a href="" id="account-info-edit">View our latest competitions!</a> <br> {{/unless}} {{#if user.orders.[0].id}} <div class="order-text"> <h4>{{user.orders.[0].date}}</h4> <h4>ID: #{{user.orders.[0].id}}</h4> <h4>Total: £{{user.orders.[0].total}}</h4> </div> <div class="order-images"> <img id="order-image" src="/Images/price 2.jpg" alt=""> </div> {{/if}}

Editar: Back-end:

 exports.isLoggedIn = async (req, res, next) => { if (req.cookies.jwt) { try { const decoded = await promisify(jwt.verify)( req.cookies.jwt, process.env.JWT_SECRET ); db.query( "SELECT * FROM user WHERE id = ?", [decoded.id], (error, result) => { if (!result) { return next(); } email = result[0].email; req.user = result[0]; db.query("SELECT * FROM orders WHERE email = ?", [email], (error, result) => { if (result[0]) { req.user["orders"] = result; console.log(req.user.orders) }; } ) return next(); } ); } catch (error) { return next(); } } else { next(); } };

Este código funcionará el 50% del tiempo, el resultado será "No tiene ningún pedido" O se mostrarán los pedidos, el resultado es aleatorio entre estas dos opciones cuando recargo la página.