Issue with Vite (Outdated optimize dep)

[KirillRotanov]

Hi, fellas!
I encountered a problem in my React TS Vite project,
the development of the MRT as a separate component was carried out in a storybook and there were no problems. But as soon as I decided to integrate the table into the application, I started getting strange errors:

or

I went here (mui/material-ui#31835) to find the solution, but all that i found it's to change the imports from " import Box from '@mui/material/Box' " to " import { Box } from '@mui/material' ".

Since i can't do it inside the MRT node module, I went to find another solution and found these branches on Vite's github (vitejs/vite#12434 vitejs/vite#8308) and ofcause a ton of questions on stackoverflow.

so I tried to change optimizeDeps option in vite.config.ts and in case of

optimizeDeps: {
include: ['@emotion/styled'],
exclude: [
'material-react-table',
],
}

I'm getting this error

in case of

optimizeDeps: {
include: ['@emotion/styled'],
exclude: [
'@mui/material',
],
}

getting this

Unfortunately none of the suggested solutions worked for me..

this change in vite.config.ts doesn't help:

build: {
target: 'esnext',
...other options,
}

also as

optimizeDeps: {
disabled: true
}

NOTE: I deleted and did reinstall to all the node_modules on each interaction with vite.config.ts and ran project with the --force flag
stack is:
"react": "18.2.0",
"vite": "5.0.12",
"material-react-table": "2.11.1",
"@mui/material": "5.15.9",

So I actually don't know what else I can try to fix this issue..
Will be very grateful for any help

[KevinVandy]

Would you be able to fork the basic example in code sandbox, and provide your package.json and vite config to reproduce this error?

[KirillRotanov]

https://stackblitz.com/edit/github-ndie5t?file=package.json,vite.config.js
the thing is that it works... I'll try to implement my logic, to see if it affects somehow on this issue. I'll let you know

[githorse]

I don't know anything about this specific instance, but the --force flag has been my goto workaround for the "Outdated optimize dep" issue, which I get a lot:

$ vite serve --port 3000 --force