"Body is unusable" or "fetch failed" when using server to upload Zip files

- error Error: [object Promise]
    at getProperError (/path-to-project/node_modules/next/dist/lib/is-error.js:41:12)
    at DevServer.run (/path-to-project/node_modules/next/dist/server/dev/next-dev-server.js:924:53)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async DevServer.handleRequestImpl (/path-to-project/node_modules/next/dist/server/base-server.js:533:20) {
  digest: undefined
}
- error unhandledRejection: Error [TypeError]: Body is unusable
    at specConsumeBody (/path-to-project/node_modules/next/dist/compiled/undici/index.js:2:4358)
    at Response.json (/path-to-project/node_modules/next/dist/compiled/undici/index.js:2:2573)
    at Function.fromResponse (file:///path-to-project/node_modules/@uploadthing/shared/dist/index.mjs:198:33)
    at uploadFilesInternal (file:///path-to-project/node_modules/uploadthing/dist/server.mjs:53:28)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Object.uploadFiles (file:///path-to-project/node_modules/uploadthing/dist/server.mjs:126:19)

{
  data: null,
  error: { code: undefined, message: 'fetch failed', data: undefined }
}

res.setHeader("Content-Type", "application/zip");
res.setHeader("Content-Disposition", "attachment; filename=foo.zip");
return res.status(200).send(Buffer.from(await myBlob.arrayBuffer()));