Failed to compile about material-ui-search-bar HOT 6 CLOSED

Which version of material-ui do you want to use? If you want to use material-ui 0.x, you need material-ui-search-bar@latest. If you want to use material-ui 1.0.0 (preferred 😉), you need to use material-ui-search-bar@beta.

from material-ui-search-bar.

It works ! Thank you very much :)

from material-ui-search-bar.

This is not an issue about this component. Please follow this getting started guide for Material-UI. They also have a Gitter chat room and a stackoverflow tag to help you. 👍

Edit: Google also has a lot of results for your specific error.

from material-ui-search-bar.

Which version of material-ui are you using?

from material-ui-search-bar.

I did a npm install material-ui and I think i get the version 0.20

from material-ui-search-bar.

In fact I don't have any compilation error but it stills not work. This is what I have in the console :

> index.js:2177 Warning: Failed context type: The context muiTheme is marked as required in Paper, but its value is undefined.

in Paper (created by SearchBar)
in SearchBar (at BasicInformation.js:52)
in label (at BasicInformation.js:50)
in form (at BasicInformation.js:49)
in BasicInformation (at PlayerEditView.js:274)
in div (at PlayerEditView.js:273)
in PlayerEditView (at PlayerCreationView.js:19)
in PlayerCreationView (created by Route)
in Route (at Main.js:16)
in Switch (at Main.js:13)
in div (at Main.js:12)
in Main (at App.js:12)
in div (at App.js:10)
in App (at index.js:11)
in Router (created by BrowserRouter)
in BrowserRouter (at index.js:10)
stack_frame_overlay_proxy_console @ index.js:2177
printWarning @ warning.js:33
warning @ warning.js:57
checkPropTypes @ checkPropTypes.js:52
getMaskedContext @ react-dom.development.js:5388
constructClassInstance @ react-dom.development.js:6354
updateClassComponent @ react-dom.development.js:7839
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421

> Paper.js:101 Uncaught TypeError: Cannot read property 'prepareStyles' of undefined

at Paper.render (Paper.js:101)
at finishClassComponent (react-dom.development.js:7873)
at updateClassComponent (react-dom.development.js:7850)
at beginWork (react-dom.development.js:8225)
at performUnitOfWork (react-dom.development.js:10224)
at workLoop (react-dom.development.js:10288)
at HTMLUnknownElement.callCallback (react-dom.development.js:542)
at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
at invokeGuardedCallback (react-dom.development.js:438)
at renderRoot (react-dom.development.js:10366)
at performWorkOnRoot (react-dom.development.js:11014)
at performWork (react-dom.development.js:10967)
at batchedUpdates (react-dom.development.js:11086)
at batchedUpdates (react-dom.development.js:2330)
at dispatchEvent (react-dom.development.js:3421)

render @ Paper.js:101
finishClassComponent @ react-dom.development.js:7873
updateClassComponent @ react-dom.development.js:7850
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421

> index.js:2177 The above error occurred in the component:

in Paper (created by SearchBar)
in SearchBar (at BasicInformation.js:52)
in label (at BasicInformation.js:50)
in form (at BasicInformation.js:49)
in BasicInformation (at PlayerEditView.js:274)
in div (at PlayerEditView.js:273)
in PlayerEditView (at PlayerCreationView.js:19)
in PlayerCreationView (created by Route)
in Route (at Main.js:16)
in Switch (at Main.js:13)
in div (at Main.js:12)
in Main (at App.js:12)
in div (at App.js:10)
in App (at index.js:11)
in Router (created by BrowserRouter)
in BrowserRouter (at index.js:10)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
stack_frame_overlay_proxy_console @ index.js:2177
logCapturedError @ react-dom.development.js:9747
captureError @ react-dom.development.js:10540
renderRoot @ react-dom.development.js:10391
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421
Paper.js:101 Uncaught TypeError: Cannot read property 'prepareStyles' of undefined
at Paper.render (Paper.js:101)
at finishClassComponent (react-dom.development.js:7873)
at updateClassComponent (react-dom.development.js:7850)
at beginWork (react-dom.development.js:8225)
at performUnitOfWork (react-dom.development.js:10224)
at workLoop (react-dom.development.js:10288)
at HTMLUnknownElement.callCallback (react-dom.development.js:542)
at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
at invokeGuardedCallback (react-dom.development.js:438)
at renderRoot (react-dom.development.js:10366)
at performWorkOnRoot (react-dom.development.js:11014)
at performWork (react-dom.development.js:10967)
at batchedUpdates (react-dom.development.js:11086)
at batchedUpdates (react-dom.development.js:2330)
at dispatchEvent (react-dom.development.js:3421)

I installed it : https://www.npmjs.com/package/material-ui & material-ui-search-bar@latest

from material-ui-search-bar.