error handling issue

example.js

// call to api
httpCall: async url => {
    return new Promise((resolve, reject) => {
      http.get(url, res => {
        res.setEncoding('utf8')
        res.on('data', d => {
          resolve(d)
        })
      })
    })
  }

// call http method above
fetchData: async url => {
   const call = module.exports.httpCall(url)
   let remoteJson = await call
   return remoteJson
}

//   ==== controller render
render: async (ctx, next) => { 
    const data = JSON.parse(await utils.fetchData('http://example.com'))
//     NOTE: To test I remove this so it returns junk, and all I get is a silent fail and a 404.
    await ctx.render('index', {
  data: data
})
}  
//   ==== routes index
const { catchErrors } = require('../errorHandlers')
router.get('/', catchErrors(indexController.render))

// === errorHandler - version based on your code

exports.catchErrors = fn => {
  return function(ctx, next) {
    return fn(ctx.request, ctx.response, next).catch(next)
  }
}