TypeError: mongoose__WEBPACK_IMPORTED_MODULE_0___default(...).connect is not a function about mongoose HOT 9 CLOSED

What does your Webpack config look like? Are you using Next.js? We'll need a more complete repro to figure this out, because this is a Webpack error and your code looks like it is from Next.js' samples repo.

from mongoose.

I'm using NextJS 14 trying to connect to MongoDB via mongoose below is the connection code

import mongoose from "mongoose";

const MONGODB_URI = process.env.NEXT_PUBLIC_MONGODB_URI;
if (!MONGODB_URI) {
  throw new Error(
    "Please define the MONGODB_URI environment variable inside .env"
  );
}

let cached = (global as any).mongoose || { conn: null, promise: null };

export const connectToDatabase = async () => {
  if (cached.conn) return cached.conn;
  
  if (!cached.promise) {
    const opts = {
      bufferCommands: false,
      dbName: "festifusion",
    };

    cached.promise = mongoose.connect(MONGODB_URI, opts).then((mongoose) => {
      return mongoose;
    });
  }
  cached.conn = await cached.promise;
  return cached.conn;
};

and the next.config.js file looks like it compiles well but the issue is still there

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    return config;
  },
  images: {
    domains: ["utfs.io"],
    remotePatterns: [
      {
        protocol: "https",
        hostname: "utfs.io",
        port: "",
      },
    ],
  },
};

module.exports = nextConfig;

if I use

webpack: (config) => {
  config.experiments = {
    topLevelAwait: true
  };
  return config;
},

then it takes indefinite time to compile the code. I also took a reference from Mongoose Documentation on using with NextJs but still the issue is there I've attached log file for reference purpose. Let me know if you require more details.
localhost-1705844188011.log

from mongoose.

Did you add the following to your Next.js config?

const nextConfig = {
  experimental: {
    esmExternals: "loose", // <-- add this
    serverComponentsExternalPackages: ["mongoose"] // <-- and this
  }
// ...

from mongoose.

Yes by adding this also the issue is not solved the whole connection.tsx code has been mentioned above and by adding toplevelawait to true in webpack config it takes infinite amount of time to compile.

from mongoose.

Any update here? I am also stuck with same issue. I have added experimental tags in next config, moved the connect statement inside a function. Nothing works.

    "mongoose": "^7.4.2",
    "next": "14.1.0",

Help would be great!

from mongoose.

We're unable to repro, this GitHub repo demonstrates that Mongoose works fine with Next.js 14. Please fork and modify this repo to demonstrate the issue you're seeing.

from mongoose.

This issue is stale because it has been open 14 days with no activity. Remove stale label or comment or this will be closed in 5 days

from mongoose.

in my case, because mongoose does not currently support Next Edge Runtime, so just remove line export const runtime = "edge" and everything work well

from mongoose.

I now works by adding

const nextConfig = {
webpack: (config) => {
    return config;
  },
experimental: {
    esmExternals: "loose", // <-- add this
   serverComponentsExternalPackages: ["mongoose"] 
}
}

just cleared the cache and deleted package-lock.json and node_modules not with the same code it works!! Thanks for help :)

from mongoose.