MERN - Express not receiving data from Post request - node.js

Question

I am trying to send data from a search bar into my backend express server. However for some reason, it's not being updated.
import { useState } from "react";
import Button from 'react-bootstrap/Button';
const StockSearchBar = () => {
const [search, setSearch] = useState("Stock or Crypto Symbol");
const handleSearch = e => {
setSearch(e.target.value)
}
const handleClick = (e) => {
e.preventDefault()
console.log({search})
if (setSearch !== '') {
const searchResult = {search};
const options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(searchResult)
};
fetch('http://localhost:3001/search', options)
.then(
() => {
console.log("Search entered");
}
);
// console.log(searchResult);
}
};
return (
<>
<div className="searchBar">
<label>Look for other Stocks or Cryptos: </label>
<input type='text' onChange={handleSearch} placeholder={search}/>
<Button variant="success" type="submit" onClick={handleClick}>Success</Button>
</div>
</>
);
};
export default StockSearchBar;
and here's the backend code
const request = require("request-promise");
const fs = require("fs");
const mongoose = require("mongoose");
const cheerio = require("cheerio");
const Stock = require("./model/Stock");
const express = require("express");
const cors = require("cors");
const cron = require('node-cron');
const app = express();
const bodyParser = require('body-parser');
//MIDDLEWARE
app.use(express.json({limit: '1mb' }));
app.use(cors());
app.use(express.static('backend'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}))
// DATABASE
app.get("/", (req, res) => {
Stock.find({}).then(
items => res.json(items)
).catch(err => console.log(err))
});
app.get("/search", (req, res) => {
console.log(req.body);
res.json({
search: req.body,
});
});
app.post("/search", (req, res) => {
console.log(req.body);
res.json({
search: req.body,
});
});
app.listen(3001, function () {
console.log("Server is running...");
});
In the front end - after clicking a button it console logs an object with the search entered.
However on the backend, all I get is json text like so:
{
"search": {}
}
It doesnt get updated even though the server is continually running. Thoughts?