Invalid character found in method name error when fetching an api using React

I have implemented a table using ag-grid react. I fetch data from an api to fill in that table.

const getDataForTable = async () => {
  try {
    //apis to fetch the data
    setGridData(apiData);
  }
  catch (err) {
    console.error(err);
  }
} 

useEffect(() => {
  getDataForTable();
}, []);

Now, I have also created an onClick method for deleting selected rows of the table. I am removing the rows from api as well. Once the rows are deleted, I just want to refresh the grid with updated data. Currently it only works if I explicitly reload the page.

const onClickRemoveRowsByIds = async () => {
  selectedRows.forEach(d => {
    listOfIds.push(d.Id);
  });
  if (window.confirm("Are you sure ?")) {
    await listOfIds.map((ele) => removeActiveList(ele));
    getDataForTable()
  }
}

But when I make a call to getDataForTable function, I get bad request error for the apis. On looking at the reponse body of the api : I get Invalid character found in method name. HTTP method names must be tokens. The authToken and rest of the information remains same but still fetch is not working again. Am I missing some step, or doing it completely wrong? The delete works fine, just the refresh is not happening.