Error doesn’t show on client but does on server

My server code handles an error and sends it to client.
Logging it on server seems fine but err.response.data on catch clouse returns empty on client.

Backend code

const errorHandler = async (err, req, res, next) => {
   console.log({err}, err.message)
   return res.status(err.status || err.code || 500).json({message:'hey'})
}

module.exports = errorHandler

Frontend code

export function apiCall(method, path, data) {
   return new Promise((resolve, reject) => {
      return axios[method](path, data)
         .then(res => {
            console.log({res})
            return resolve(res.data)
         })
         .catch(err => {
            console.log(err.response)
            return reject(err?.response?.data)
         })
   })
}

error.response.data returns empty all tho console.log on 
export function apiCall(method, path, data) {
   return new Promise((resolve, reject) => {
      return axios[method](path, data)
         .then(res => {
            console.log({res})
            return resolve(res.data)
         })
         .catch(err => {
            console.log(err.response)
            return reject(err?.response?.data)
         })
   })
}