Server Error TypeError: (0 , next_connect__WEBPACK_IMPORTED_MODULE_0__.default) is not a function

Question

I've got this error while using next-connect package.(i'm following a guy on youtube)

here's my code

import nc from 'next-connect';
import Product from '../../../models/Product';
import db from '../../../utils/db';

const handler = nc();

handler.get(async (req, res) => {
  await db.connect();
  const products = await Product.find({});
  await db.disconnect();
  res.send(products);
});

export default handler;

Answer 1

next-connect v1.0.0 was recently released and is not backward-compatible. You can either downgrade to a previous version (npm install next-connect@0.12.1), or change your current syntax to match the v1.0.0 version.

import { createRouter } from 'next-connect';
import Product from '../../../models/Product';
import db from '../../../utils/db';

const router = createRouter();

router.get(async (req, res) => {
    await db.connect();
    const products = await Product.find({});
    await db.disconnect();
    res.send(products);
});

export default router.handler();