TypeError: Cannot read property ‘prepareStyles’ of undefined

The issue:

We got into this issue when we were using material-ui of ReactJS. It is a cool library to use that provides useful components with solid design. We were trying to use the autocomplete component of material-ui. As soon as we call the autocomplete component we got into the following issue:

TypeError: Cannot read property 'prepareStyles' of undefined

The reason:

It was missing a wrapper called MuiThemeProvider to get the proper style of it.

The solution:

We had to import the MuiThemeProvider from material-ui and the call it like below:

            floatingLabelText="Same text, different values"