You need to use this config, (take a look at @vitejs/plugin-react which you probably need to install)
vite.config.js:
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
export default ({ mode }) => {
return defineConfig({
plugins: [
react(),
],
});
};
The thing is that vite does not import React by default into jsx components, so you need to do it manually in every component or use this plugin.
the problem was with a react library called react-custom-scrollbars