multer-gridfs-storage not processing image properly

Question

Below is the code for a route that is intended to upload pictures in my express app. I was using multer to simply store it in the app inside a uploads folder but now am trying to upload them to MongoDb. I have tried to do this a couple of ways now and it seems like the middleware upload.single('image') is not processing the file correctly. I do not know how else i can approach this.

image.js

const mongoose = require('mongoose');
const {GridFsStorage} = require('multer-gridfs-storage');
const router = require('express').Router();
const multer = require('multer');
const crypto = require('crypto');
const path = require('path');
require('dotenv').config();

const mongoURI = process.env.DB_CONNECTION;

const storage = new GridFsStorage({
    url: mongoURI,
    options: { useUnifiedTopology: true },
    file: (req, file) => {
      return new Promise((resolve, reject) => {
        crypto.randomBytes(16, (err, buf) => {
          if (err) {
            return reject(err);
          }
          const filename = buf.toString('hex') + path.extname(file.originalname);
          const fileInfo = {
            filename: filename,
            bucketName: 'images',
          };
          resolve(fileInfo);
        });
      });
    },
  });
const upload = multer({ storage });

router.post('/upload/', upload.single('image'), async (req, res) => {
  console.log(req.file);
  const { file } = req;
  const { id } = file;
  if (file.size > 5000000) {
    deleteImage(id);
    return res.status(400).send('file may not exceed 5mb');
  }
  console.log('uploaded file: ', file);
  return res.send(file.id);
});

Error

(node:33883) UnhandledPromiseRejectionWarning: TypeError: Cannot destructure property 'id' of 'file' as it is undefined.
    at /Users/abnerpena/Desktop/PReC-website/Backend/routes/image.js:40:11
    at Layer.handle [as handle_request] (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/express/lib/router/layer.js:95:5)
    at next (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/express/lib/router/route.js:137:13)
    at Immediate.<anonymous> (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/multer/lib/make-middleware.js:53:37)
    at processImmediate (internal/timers.js:464:21)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:33883) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:33883) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
POST /api/images/upload - - ms - -
undefined
(node:33883) UnhandledPromiseRejectionWarning: TypeError: Cannot destructure property 'id' of 'file' as it is undefined.
    at /Users/abnerpena/Desktop/PReC-website/Backend/routes/image.js:40:11
    at Layer.handle [as handle_request] (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/express/lib/router/layer.js:95:5)
    at next (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/express/lib/router/route.js:137:13)
    at Immediate.<anonymous> (/Users/abnerpena/Desktop/PReC-website/Backend/node_modules/multer/lib/make-middleware.js:53:37)
    at processImmediate (internal/timers.js:464:21)
(node:33883) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)