Skip to content

Commit 356e79c

Browse files
authored
[docs] Update installation docs (#4259)
1 parent 47bb0c8 commit 356e79c

File tree

1 file changed

+20
-4
lines changed

1 file changed

+20
-4
lines changed

docs/data/data-grid/getting-started/getting-started.md

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,33 @@ npm install @mui/x-data-grid
1818
yarn add @mui/x-data-grid
1919
```
2020

21-
The grid has a peer dependency on one MUI component.
22-
If you are not already using MUI in your project, you can install it with:
21+
The grid package has a peer dependency on `@mui/material`.
22+
If you are not already using it in your project, you can install it with:
2323

2424
```sh
2525
// with npm
26-
npm install @mui/material
26+
npm install @mui/material @emotion/react @emotion/styled
2727

2828
// with yarn
29-
yarn add @mui/material
29+
yarn add @mui/material @emotion/react @emotion/styled
3030
```
3131

32+
<!-- #react-peer-version -->
33+
34+
Please note that [react](https://www.npmjs.com/package/react) >= 17.0.0 and [react-dom](https://www.npmjs.com/package/react-dom) >= 17.0.0 are peer dependencies.
35+
36+
MUI is using [emotion](https://emotion.sh/docs/introduction) as a styling engine by default. If you want to use [`styled-components`](https://styled-components.com/) instead, run:
37+
38+
```sh
39+
// with npm
40+
npm install @mui/material @mui/styled-engine-sc styled-components
41+
42+
// with yarn
43+
yarn add @mui/material @mui/styled-engine-sc styled-components
44+
```
45+
46+
> 💡 Take a look at the [Styled Engine guide](/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
47+
3248
## Quickstart
3349

3450
First, you have to import the component as below.

0 commit comments

Comments
 (0)