Getting user data with req.body inside a useEffect that then displaying inside a table

I got a problem when I try the normal fetch method inside my react app not returning anything and think something to do with my req.body. I have tried using axios.get but giving me varouis errors.

See below my code: useEffect with fetch: (Don't return anything)

React.useEffect(()=>{
      const manager = {
          "manager":managerName
      }
      fetch(`http://localhost:5000/staff/getStaffM`,manager)
      .then(resp=>resp.json())
      .then(data=>setData(data))

},[]);

useEffect with axios.get: (returning the following error = Unhandled Promise Rejection: TypeError: resp.json is not a function. (In 'resp.json()', 'resp.json' is undefined) )

React.useEffect(()=>{
      const manager = {
          "manager":managerName
      }
      axios.get(`http://localhost:5000/staff/getStaffM`,manager)
      .then(resp=>resp.json())
      .then(data=>setData(data))

  },[]);

Backend Routing:

 const getStaffM = asyncHandler(async(req,resp)=>{
        const staff = await Staff.find({employeeManager: req.body.manager})
        if(staff){
            resp.status(200).json(staff)
        }
    else{
        resp.status(400)
        throw new Error ("Could not find this manager")
 }

This is working when I try it in post man but not in React app.

See below successful postman screenshot:

Postman request

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum