Search bar does not retrieve data from mongodb collection - reactjs

Question

I am trying to use the data store in mongodb collection and render it in the front end. It renders the text box, labels and search button, even though it does not load any of the data. My collection name is users and my database CRDU works perfectly fine.
Please help me with this, below is my front end search.js
function Search(){
const [resultUsers, setResultUsers] = useState([]);
const [usersTable, setUsersTable] = useState([]);
const [searchP, setSearchP] = useState("");
const requestGet=async()=>{
await axios.get("mongodb://localhost:27017/projectDB/users/")
.then(response=>{
setResultUsers(response.data);
setUsersTable(response.data);
}).catch(error=>{
console.log(error);
})
}
const handleChange=e=>{
setSearchP(e.target.value);
filter(e.target.value);
}
const filter=(searchTerm)=>{
var searchResults=usersTable.filter((element)=>{
if(element.username.toString().toLowerCase().includes(searchTerm.toLowerCase())
|| element.firstName.toString().toLowerCase().includes(searchTerm.toLowerCase())
|| element.lastName.toString().toLowerCase().includes(searchTerm.toLowerCase())
){
return element;
}
});
setResultUsers(searchResults);
}
useEffect(()=>{
requestGet();
},[])
return (
<div className="Search">
{/* <Container> */}
<div className="containerInput">
<input
className="form-control search-input"
value={searchP}
placeholder="Enter username, first name or last name of the user to begin search"
onChange={handleChange} />
<button className="btn btn-success">Search for users
</button>
<br/>
</div>
{/* </Container> */}
<div className='tabled'>
<div className="table-responsive">
{/* <Container> */}
<table className="table table-sm table-bordered;">
<thead>
<tr>
<th>Username</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
{resultUsers &&
resultUsers.map((resultUsers)=>(
<tr key={resultUsers.id}>
<td>{resultUsers.username}</td>
<td>{resultUsers.firstName}</td>
<td>{resultUsers.lastName}</td>
</tr>
))}
</tbody>
</table>
{/* </Container> */}
</div>
</div>
</div>
)
}
export default Search
Thanks in advance!!