Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: Getting Error When Trying To Deploy Node.js

Question

I am Trying To deploy, my MERN stack app on the digital ocean, fronted is working Ok, I have a problem with backend server.js, I am using "type": "module" in package.json,

Getting This error

  code: 'ERR_REQUIRE_ESM'
7|server   | }
7|server   | Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /var/www/html/backend/server.js
7|server   |     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1015:13)
7|server   |     at Module.load (internal/modules/cjs/loader.js:863:32)
7|server   |     at Function.Module._load (internal/modules/cjs/loader.js:708:14)
7|server   |     at Object.<anonymous> (/usr/lib/node_modules/pm2/lib/ProcessContainerFork.js:32:23)
7|server   |     at Module._compile (internal/modules/cjs/loader.js:999:30)
7|server   |     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
7|server   |     at Module.load (internal/modules/cjs/loader.js:863:32)
7|server   |     at Function.Module._load (internal/modules/cjs/loader.js:708:14)
7|server   |     at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
7|server   |     at internal/main/run_main_module.js:17:47 {
7|server   |   code: 'ERR_REQUIRE_ESM'
7|server   | }

This is How My packacge.json looks

{
  "name": "obstacle-sports",
  "version": "1.0.0",
  "description": "Obstacle-Sports App",
  "main": "server.js",
  "type": "module",
  "scripts": {
    "start": "node backend/server",
    "server": "nodemon backend/server",
    "client": "npm start --prefix frontend",
    "dev": "concurrently \"npm run server\" \"npm run client\""
  },
  "author": "Shmagi",
  "license": "ISC",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "cloudinary": "^1.25.0",
    "colors": "^1.4.0",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "express-async-handler": "^1.1.4",
    "jsonwebtoken": "^8.5.1",
    "mongoose": "^5.11.13",
    "multer": "^1.4.2"
  },
  "devDependencies": {
    "concurrently": "^5.3.0",
    "nodemon": "^2.0.4"
  }
}

and this is my server.js

import path from 'path'
import express from 'express'
import dotenv from 'dotenv'
import colors from 'colors'
import { notFound, errorHandler } from './middleware/errorMiddlleware.js'
import connectDB from './config/db.js'
import eventRouter from './routes/eventsRoute.js'
import blogRouter from './routes/blogRoute.js'
import userRouter from './routes/userRoutes.js'
import uploadRouter from './routes/uploadRoutes.js'

dotenv.config()
connectDB()
const app = express()
app.use(express.json())


app.use('/api/events', eventRouter)
app.use('/api/blogs', blogRouter)
app.use('/api/users', userRouter)
app.use('/api/uploads', uploadRouter)


const __dirname = path.resolve()
app.use('/uploads', express.static(path.join(__dirname, '/uploads')))

if(process.env.NODE_ENV === 'production'){
    
  app.use(express.static(path.join(__dirname, '/frontend/build')))  

  app.get('*', (req, res) => {
      res.sendFile(path.resolve(__dirname, 'frontend', 'build', 'index.html'))
  })
} else {
   app.get('/', (req, res) => {
     res.send('App Is Running...')
   })
}


app.use(notFound)
app.use(errorHandler)

const PORT = process.env.PORT || 5000

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

app.listen(5000, () => {
    console.log(`Server Is Running In ${process.env.NODE_ENV} Mode  On Port ${PORT}`.yellow.bold)
})

can anyone help? any ideas?

here is my frontend is running ok, but if you go to http://104.236.106.171/events it will cause an error, :((

http://104.236.106.171/

and on local it is working Ok