Issue while using with an existing project with type:"module" ?

[geminigeek]

hi,

i am trying to add payload to an existing project built with es6 standards , my package.json have

"type":"module"

currently i have just modified server.js , i changed require to imports as mentioned below, and the app is not starting it giving the below error , can anyone help ?

my server.js

import path from "path"
import dotenv from "dotenv"

import { fileURLToPath } from "url"
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
dotenv.config({ path: path.join(__dirname, ".env") })

import payload from "payload"
import express from "express"


const app = express()

// Redirect root to Admin panel
app.get("/", (_, res) => {
  res.redirect("/admin")
})

// Initialize Payload
payload.init({
  secret: process.env.PAYLOAD_SECRET,
  mongoURL: process.env.MONGODB_URI,
  express: app,
  onInit: () => {
    payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`)
  },
})

// Add your own express routes here

app.listen(3000)

error i am getting

[13:37:51] INFO (payload): Starting Payload...
E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\payload\dist\config\load.js:141
undefined
      ^

Error [ERR_REQUIRE_ESM]: require() of ES Module E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\payload.config.js from E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\payload\dist\config\load.js not supported.
Instead change the require of payload.config.js in E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\payload\dist\config\load.js to a dynamic import() which is available in all CommonJS modules.
    at Object.newLoader [as .js] (E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\pirates\lib\index.js:141:7)
    at loadConfig (E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\payload\dist\config\load.js:35:18)
    at Payload.init (E:\xampp\htdocs\nodejs\local\payload-cms\payload-esm\es6-payload\node_modules\payload\dist\index.js:191:42)
    at file:///E:/xampp/htdocs/nodejs/local/payload-cms/payload-esm/es6-payload/server.js:21:9
    at async Promise.all (index 0) {
  code: 'ERR_REQUIRE_ESM'
}
[nodemon] app crashed - waiting for file changes before starting...

PS: it might be a silly issue , i am very new to Nodejs

thanks
Dee