diff --git a/docs/dependencies.md b/docs/dependencies.md index 2826b753ce07793489a401475c22ad0049bbe512..0bfd6ff52d8f5f79b0cca068920209280eabb08e 100644 --- a/docs/dependencies.md +++ b/docs/dependencies.md @@ -33,5 +33,14 @@ Emotion itself comes in many parts, of which we need the following three: * "@emotion/react" - React interface to Emotion. In particular, we set this as the package that handles the transformation of JSX into JS (via the `jsxImportSource` property in `tsconfig.json`). -* "@emotion/styled" + +* "@emotion/styled" - Provides the `styled` utility, a la styled-components. We + don't use it directly, instead we import it from `@mui/material`. However, MUI + docs + [mention](https://mui.com/material-ui/integrations/interoperability/#styled-components) + that + + > Keep `@emotion/styled` as a dependency of your project. Even if you never + > use it explicitly, it's a peer dependency of `@mui/material`. + * "@emotion/server"