We're using Material UI in our project, but there're many components that's shared between a few projects, se I'm creating a React components library to share them.

But when I import the component from library, I got the warning about `@material-ui/styles`:

```
It looks like there are several instances of `@material-ui/styles` initialized in this application.
This may cause theme propagation issues, broken class names, specificity issues, and makes your application bigger without a good reason.

```

I've checked by `npm ls @material-ui/styles` that there're only a single version.

But this problem is still happening even I added `@material-ui/core, @material-ui/styles` to the `peerDependencies`.

How can I fix this?