React vite-express ошибка caught Error: @vitejs/plugin-react can't detect preamble. Something is wrong.

 const express = require("express"); 
const path = require('path'); 
const ViteExpress = require("vite-express"); 
const app = express(); 
const port = 3000; 
 
app.get("/hello", (req, res) => { 
  res.sendFile(path.join(__dirname, '../../public', 'index.html')); 
}); 
 
app.get('/', 
  (req, res) => { 
    res.send("Hello Vite + React!"); 
  } 
) 
 
ViteExpress.listen(app, port, () => 
  console.log(`Server is listening on http://localhost:${port}`) 
); 
 

 import React from "react"; 
import ReactDOM from "react-dom/client"; 
import App from "./App"; 
 
ReactDOM.createRoot(document.getElementById("root")).render( 
  <React.StrictMode> 
    <App /> 
  </React.StrictMode> 
); 
 

 /* @jsxRuntime classic */ 
import { useState } from "react"; 
import React from "react"; 
 
function App() { 
  const [count, setCount] = useState(0); 
 
  return ( 
    <> 
      <p>ad</p> 
    </> 
  ); 
} 
 
export default App; 
 

 { 
  "name": "vite-react-starter", 
  "private": true, 
  "version": "0.0.0", 
  "scripts": { 
    "dev": "nodemon src/server/main.js -w src/server", 
    "start": "NODE_ENV=production node src/server/main.js", 
    "build": "vite build" 
  }, 
  "dependencies": { 
    "concurrently": "^8.2.0", 
    "express": "^4.18.2", 
    "global": "^4.4.0", 
    "react": "^18.2.0", 
    "react-dom": "^18.2.0", 
    "vite-express": "*" 
  }, 
  "devDependencies": { 
    "@types/react": "^18.0.26", 
    "@types/react-dom": "^18.0.10", 
    "@vitejs/plugin-react": "^4.0.1", 
    "nodemon": "^2.0.22", 
    "vite": "^4.0.4" 
  } 
}