Search code examples
cssviewreact-admin

React-admin: how can i fix this view disaster?


I am a frontend developer and I am working on a web app project using react-admin.

The code is fine, no errors. I launch the app. At first it looks the way it is supposed to look. A few components with tables, menu bar, etc. However, after a few clicks the view goes bunkers. Elements that should be at the top go to the bottom, elements disappear, there are boxes with shadows around elements. The view gets squished, a total disaster!

Can anyone give me any suggestions about what might have caused it and how to fix this issue?

the view disaster


Solution

  • Remove material-ui from your dependencies. You have to use just the material-ui version that comes from react-admin(1.4.0) because the CSS classes from the latest versions of material-ui(>2.0.0) clash with the internal react-admin components.