post route is not working for user registeration - node.js

Question

This is the code for my post route. I am using registerPost to post a new user to mongoDB data base. Have a User schema made. The code for my registerPost function doesn't seem to be running.
export const registerPost = async (req, res) => {
const {username, password} = req.body;
const newUser = new User({username, password});
try {
await newUser.save();
console.log(newUser);
res.status(201).json(newUser);
} catch (error) {
res.status(409).json({ message: error.message });
}
}
These are the routes. Am not able to get a the /auth to go through on form submit. No console log no anything. I am missing something but am not sure.
import express from 'express';
import { getPosts } from '../controllers/posts.js'
import { createPost, updatePost, deletePost, registerPost } from '../controllers/posts.js'
const router = express.Router();
router.get('/', getPosts);
router.post('/', createPost);
router.patch('/:id', updatePost);
router.delete('/:id', deletePost);
router.post('/auth', registerPost);
export default router;
This is the react form code for the register part.
import React, { useEffect, useState } from 'react';
import { TextField, Button, Typography, Paper } from '#material-ui/core';
import useStyles from './styles.css';
const Auth = () => {
const [username, setUsername] = useState('')
const [password, setPassword] = useState('')
const divStyle = {
backgroundColor: 'white',
};
return (
<div style = {divStyle}>
<form>
<h1>Registration</h1>
<TextField
name='username'
variant='outlined'
label='username'
fullWidth
onChange={(e) => {
setUsername( e.target.value)
}}
/>
<TextField
name='password'
variant='outlined'
label='password'
fullWidth
onChange={(e) => {
setPassword( e.target.value)
}}
/>
<Button variant="container" color="primary" size="large" type="submit" fullwidth>Register</Button>
</form>
</div>
);
}
export default Auth;
Api doc
import axios from 'axios';
const url = 'http://localhost:5000/posts';
export const fetchPosts = () => axios.get(url);
export const createPost = (newPost) => axios.post(url, newPost);
export const updatePost = (id, updatedPost) => axios.patch(`${url}/${id}`, updatedPost);
export const deletePost = (id) => axios.delete(`${url}/${id}`);
export const likePost = (id) => axios.patch(`${url}/${id}/likePost`);