Throwing error not resulting in react-query capturing 'error' state

export const post_data = async (url, body) => {
  let response = await fetch(url, {
    method: 'POST',
    credentials: 'include',
    headers: {
      'Content-Type': 'application/json; charset=utf-8',
    },
    body: JSON.stringify(body),
  });
  let data = await response.json();
  if (!response.ok >= 400) {
    throw new Error(`${response.status} - Some error`);
  }
  return data;
};

  async function handleQuerySubmit() {
   
     const response = await post_data(`https://${api}/query/create`, data);
      
      
}

const queryMutation = useMutation(handleQuerySubmit, {
   onError: () => {
      console.log("I should be getting called")
    },
 });

onError