Can't redirect after Mongoose query

Question

I am trying to create a website with user accounts. But can't redirect after Mongoose save query in register page.

Here is NodeJS index.js file

const express = require('express')
const app = express();
const cors = require('cors');
const mongoose = require('mongoose');
const CryptoJS = require('crypto-js');
const jwt = require('jsonwebtoken');
const dotenv = require('dotenv');
const User = require('./models/User');
dotenv.config();

app.set('view engine', 'ejs');

app.use(cors());
app.use(express.urlencoded({extended: true}));
app.use(express.json());

app.use(express.static('public'));
app.use(express.static('partials'));
app.use(express.static('images'));
app.use(express.static('assets'));

mongoose.connect(process.env.MONGO_URL)
.then(() => {
  console.log('DB is connected');
})
.catch((err) => {
  console.log(err);
});

app.post('/register', async (req, res) => {
  const newUser = new User({
    email: req.body.email,
    password: CryptoJS.AES.encrypt(req.body.password, process.env.PASS_SEC).toString()
  })
  try {
    const savedUser = await newUser.save();
    res.redirect('/')
  } catch (err) {
    console.log(err)
  }
})

(of course app.get('/') and app.get('/login') exists in my index.js file)

My register page (register.ejs)

<%- include('./partials/header') %>
<div class='container'>
  <div class="login">
    <h1 class='heading'>Register</h1>
    <div class='form-block'>
      <form action="/register" method="POST">
        <label class='label'>Email</label>
        <input class='input' type='email' name='email' placeholder='[email protected]' required/>
        <label class='label'>Password</label>
        <input class='input' type='password' name='password' placeholder='********' required/>
        <input class='button' type='submit' value='Sign Up' />
      </form>
    </div>   
  </div>
</div>
<%- include('./partials/footer') %>

Instead of redirect to main page I get json data of saved User. How to fix that?