How to send data from expressjs to react client? - reactjs

Question

I have a payments.js page that use a custom form to make a payemnt with stripe which looks like this
async handleSubmit() {
const { firstName, lastName, email, cardNo, expiryDate, cvv, nameOnCard } = this.state
const { price } = this.props.location.state.item
this.setState({
loading: true
});
await axios.post("/charge", {
firstName,
lastName,
email,
cardNo,
expiryDate,
cvv,
nameOnCard,
price
}).then((res) => this.setState({ iframeLink: res.data.next_action.redirect_to_url.url, loading: false }))
.catch((error) => console.log('ERR', error))
// I want this to wait for changes
await axios.post("/api/stripe/webhooks").then((res) => console.log(res)).catch((err) => console.log(err))
}
I am opening the url received in first post in iframe and once the 3d secure is done I want to get stripe hooks with this line which is called once after first post and then will not update once another hook is received
await axios.post("/api/stripe/webhooks").then((res) => console.log(res)).catch((err) => console.log(err))
My problem here is that the data is never received in this action
In server the post function looks like this
// Stripe Webhooks
app.post("/api/stripe/webhooks", async function (req, res) {
try {
const query = req.body;
res.sendStatus(200);
console.log(query)
res.end(JSON.stringify(query))
} catch (err) {
console.log("/webhooks route error: ", err);
}
});
Any idea how to catch the data when is received?