In Front end, go to vite.config.js and add optimizedDeps

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import istanbul from 'vite-plugin-istanbul';
export default defineConfig(***{
  optimizeDeps: { include: ['@mui/material/Tooltip'] },***
  plugins: [react(), istanbul({ cypress: true, requireEnv: false })],
  resolve: { alias: { src: '/src' } },
  server: { host: true, port: 3000 },
  build: {
    chunkSizeWarningLimit: 100,
    rollupOptions: {
      onwarn(warning, warn) {
        if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
          return;
        }
        warn(warning);
      },
    },
  },
});

Source : https://stackoverflow.com/questions/72097831/popper-styled-default-is-not-a-function-mui-5-6-0-material-ui