Formidable and form packages

Bug report

Describe the bug

I was on Next.js v8 with a monorepo, but am now upgrading to v9 with all endpoints moved to the new pages/api/ feature. But now any of my post endpoints that include file uploading do not work. I tried to simplify the reproduction as much as possible, not even worrying about the API endpoint resolving.

The problem is that the Formidable parse never seems to finish. I also tried Tim’s urlencoded-body-parser as alternative, but it seems to hang also.

A clear and concise description of what the bug is.

To Reproduce

Micro endpoint in pages/api/endpoint.js:

const { run } = require("micro");
const formidable = require("formidable");

const endpoint = async (req, res) => {
  const data = await new Promise(function(resolve, reject) {
    const form = new formidable.IncomingForm();

    form.parse(req, function(err, fields, files) {
      if (err) return reject(err);
      resolve({ fields, files });
    });
  });
};

module.exports = (req, res) => run(req, res, endpoint);

Client-side post in pages/index.js:

const response = await fetch(url, {
  body,
  credentials: "include",
  headers: {
    Authorization: JSON.stringify({ token })
  },
  method: "POST"
});

Expected behavior

That the parse would finish and data would be assigned.

Screenshots

System information

• OS: macOS
• Browser: Chrome
• Version of Next.js: 9.0.1

Additional context

Add any other context about the problem here.

[sync]

i think you need to add to pages/api/endpoint.js:

export const config = {
  api: {
    bodyParser: false,
  },
};

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.