formidable nextjs file upload

upload.ts

import { NextApiRequest, NextApiResponse } from 'next';
import formidable from 'formidable';

export const config = {
  api: {
    bodyParser: false, // disable nextjs body parsing
  },
};

// /post/api/upload.ts
export default async function handle(
  request: NextApiRequest,
  response: NextApiResponse
) {
  const form = formidable();
  form.parse(request, function (err, fields, files) {
    // handle any error occure while parsing request
    if (err) {
      response
        .status(400)
        .json({ messsage: 'Something excepted happened, please try again.' });
      return;
    }

    response.json({
      ...fields,
      ...files,
    });
  });