Skip to content

[data grid][docs] CSS loader needed for x-data-grid v8.0.0? #17427

@cmdcolin

Description

@cmdcolin

Related page

https://mui.com/blog/mui-x-v8/

Kind of issue

Unclear explanations

Issue description

I saw that between v8.0.0-beta.3 and v8.0.0 of x-data-grid maybe there is a new need to use a CSS loader

I didn't see this mentioned in the release notes so just curious if true

the file packages/x-data-grid/src/index.css might be relevant

I opened this as a docs issue as I didn't see a note about a CSS loader being needed in the announcement https://mui.com/blog/mui-x-v8/ or migration guide https://mui.com/x/migration/migration-data-grid-v7/

Also, the announcement refers to a broken link
https://mui.com/x/migration/ (this is a 404)

Congrats on the release all around though! looks great !

Context

Testing out using v8.0.0, and a webpack config that we had that did not have a css-loader failed with

ERROR in ../../node_modules/@mui/x-data-grid/esm/index.css 3:0
Module parse failed: Unexpected token (3:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* Placeholder file to ensure CSS imports are working */
|
> .MuiDataGrid {
|   display: block;
| }

Search keywords: css

Metadata

Metadata

Assignees

No one assigned

    Labels

    docsImprovements or additions to the documentation.scope: data gridChanges related to the data grid.v8.x

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions