npmreactjs95% confidence\u2191 6

Testing error after upgrading @mui/x-data-grid to v8.1.0 – Unknown file extension ".css"

Full error message

After upgrading @mui/x-data-grid to version 8.1.0, I started encountering the following error while running unit tests using Vitest in my ReactJS application

TypeError: Unknown file extension ".css" for D:\node_modules\@mui\x-data-grid\esm\index.css

It seems that Vitest is unable to handle .css imports from the MUI package.

How can I resolve this error and properly configure my test environment to handle CSS imports from @mui/x-data-grid when using Vitest?

Any help or best practices for resolving this kind of issue would be appreciated.

Solutionsource: stackoverflow \u2197

I solved this by adding this to my vitest.config.ts export default defineConfig({ test: { server: { deps: { inline: ["@mui/x-data-grid"], }, }, } } Here is some more about that method

API access

Get this solution programmatically \u2014 free, no authentication.

curl https://depscope.dev/api/error/5d40ac124cb0644061e4ac03a0a75d6e298f22c15a95cff79447b3803d0935a3

hash \u00b7 5d40ac124cb0644061e4ac03a0a75d6e298f22c15a95cff79447b3803d0935a3

Testing error after upgrading @mui/x-data-grid to v8.1.0 – Unknown file extension &quot;.css&quot;

Testing error after upgrading @mui/x-data-grid to v8.1.0 – Unknown file extension ".css"