Next js: Error middleware is returning res.status is undefined

Question

I am using next-connect in my next.js app to run server side code. I am using custom error middleware but it is throwing error as

res.status is undefined

This is my error middleware

export const errorMiddleWare = (err, req, res, next) => {
  err.statusCode = err.statusCode || 500;
  let error = { ...err };

  error.message = err.message;

  if (err.name === 'CastError') {
    const message = 'Resource not found for given' + err.path;
    error = new ErrorHandler(message, 400);
  }

  if (err.name === 'ValidationError') {
    const message = Object.values(err.errors).map((e) => e.message);
    error = new ErrorHandler(message, 400);
  }

  res.status(err.statusCode).json({
    error,
    message: error.message,
    stack: error.stack,
  });
};

My route in pages inside api folder

import nc from 'next-connect';
import connectDb from '../../../config/dbconnect';
import { getAllProducts } from '../../../controllers/productController';
import { errorMiddleWare } from '../../../middlewares/error';

const router = nc();
connectDb();

//Routes
router.use(errorMiddleWare).get(getAllProducts);

export default router;

Answer 1

Try using errorMiddleWare this way.

const router = nc({onError: errorMiddleWare});
connectDb();

//Routes
router.get(getAllProducts);