Unexpected token '?' after importing vite-plugin-eslint

[RyaiStudio]

I'm getting error on my clone project after importing vite-plugin-eslint so I created a temp directory.

# $ node -v
v12.22.12
# $ npm -v
6.14.16

package.json

{
  "name": "test-vue3",
  "version": "1.0.0",
  "description": "",
  "scripts": {
    "vite:dev": "vite --config base.config.js"
  },
  "dependencies": {
    "vite": "^2.9.5",
    "chalk": "^4.1.2",
    "postcss-plugin-px2rem": "^0.8.1",
    "vite-svg-loader": "^3.4.0"
  },
  "devDependencies": {
    "babel-eslint": "^8.0.3",
    "datahub-proxy-middleware": "^1.0.5",
    "eslint-plugin-mocha": "^10.1.0",
    "@rushstack/eslint-patch": "^1.1.3",
    "@vitejs/plugin-vue": "^2.3.1",
    "@vue/compat": "^3.1.0",
    "@vue/compiler-sfc": "^3.1.0",
    "autoprefixer": "^10.4.7",
    "eslint": "^8.17.0",
    "eslint-plugin-vue": "^9.1.0npm i",
    "lodash": "^4.17.21",
    "moment": "^2.29.3",
    "postcss-pxtorem": "^6.0.0",
    "vite-plugin-ejs": "^1.4.4",
    "vite-plugin-eslint": "^1.6.1",
    "vite-plugin-externals": "^0.5.0",
    "vite-plugin-html": "^3.2.0",
    "vite-plugin-terminal": "^1.0.1",
    "vue": "^3.2.34",
    "vue-loader": "^17.0.0",
    "vue-router": "^4.0.16",
    "cross-env": "^5.1.2",
    "webpack-merge": "^4.1.0",
    "macaca-datahub": "2.4.0"
  }
}

base.config.js

import { defineConfig } from 'vite'
import eslint from 'vite-plugin-eslint'

export default defineConfig({
  plugins: [eslint()],
  server: {
    host: '0.0.0.0',
    port: 8080,
  },
})

Here is the error bellow after importing import eslint from 'vite-plugin-eslint

and after removing the vite-plugin-eslint I'm getting a success