Getting an undefined error when trying to put POST data into EJS template using Express and Nodejs

Good Morning, I am in the process of making a simple texting app using the Twilio API. Right now I am in the stage of inputting the POST data from my Nodejs Router into my EJS template. When I do this though I get an error saying the “message is undefined” in my router file in the get request. I know this is because “message” is defined in the POST route. How would I go about rerendering the page with the POST data? I have given the HTML where I am trying to input the POST data using EJS and the server code. Any guidance is much appreciated.

/* Index Router*/

var express = require('express');
var router = express.Router();
var path = require('path');
const bodyParser = require('body-parser');
require('dotenv').config();

/* This parses the JSON from the AJAX req */
router.use(bodyParser.json());




/* Inputing the API keys for Twilio, they are in a .env file */
var accountSid = process.env.ACCOUNT_SID; // Your Account SID from www.twilio.com/console
var authToken = process.env.AUTH_TOKEN;   // Your Auth Token from www.twilio.com/console

/* Creating boilerplate Twilio */
var twilio = require('twilio');
var client = new twilio(accountSid, authToken); 


/* GET home page */
router.get('/', function (req, res, next) {
    res.render('index', {
      message: message
    })  
});


  /*Twilio 
  1. Create a message on Twilio and send the message
  2. The body is JSON from the AJAX request 
  */
router.post('/',  (req, res) => {
  const message = req.body.Body;
  res.render('index', {
    message: message,
  }) 
      client.messages.create({
        body: `${req.body.message}`,
        to: `${req.body.number}`,  // Text this number
        from: process.env.PHONE_NUMBER // From a valid Twilio number
    })
        .then((message) => console.log(message.sid)); 

  // Access the message body and the number it was sent from.
  console.log(`Incoming message from ${req.body.From}: ${req.body.Body}`);
}) 






module.exports = router;


/* index.js*/
const express = require('express')
const app = express()
const port = 3000
const bodyParser = require('body-parser');


const indexRouter = require('./routes/index-router');

app.use(express.static('public'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
/* View Engine */
const ejs = require('ejs');
app.set('view engine', 'ejs');


app.use('/', indexRouter);








app.get('*', (req, res) => {
    res.sendStatus(404);
})
  <div class="row contact-row" id="contact-row-id">
            <div class="col-xs col-sm col-md col-lg col-xl contact-container" id="contact-container-id">
                <div class="form" data-aos="fade-right" data-aos-duration="3000" data-aos-easing="linear">
                    <form method="POST" action="/" id="text" class="text">
                        <div class="form-group">
                            <h1>Have a conversation with anyone! </h1>
                            <label class="text-title" id="text-title" for="number">Phone Number </label>
                            <br>
                            <input class="form-control" type="text" name="number" id="number" required>
                            <br>
                            <div class="form-control conversation " id="conversation">
                                <%= message %>
                            </div>
                            <input class="form-control" type="text" name="message" id="message" required>
                        </div>
                        <input class="form-control btn" type="submit" value="Send" id="submit">
                    </form>
                </div>
        
        
        
            </div>
        </div>