Material-ui: Rendering paper causes AppBar bg color to change

[giorgi-m]

I couldn't reproduce the issue on a separate sandbox project, sorry.
But I will try to briefly describe the issue in my project, maybe someone will have idea what's wrong.

When I render an AppBar in my app it has standard primary background color: dark blue.
However, as soon as I render a Paper in my app, the AppBar background color becomes
white too (AppBar isn't child of the Paper).

What can be causing this any idea?

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.1.1 |
| React | 16.8.6 |
| Browser | Chrome |

[giorgi-m]

I fixed the problem but will post solution as it is a bit strange. Problem was how I was importing Paper.

before it was:
import Paper from "@material-ui/core/Paper/Paper";

Now (working version):
import Paper from '@material-ui/core/Paper';

[giorgi-m]

@oliviertassinari if you post the duplicate link, I'd appreciate, I remember searching but didn't find similar issues.

[oliviertassinari]

Me neither, we were discussing how to dodge broken auto imports of IDEs 😆. But yeah, your fix is the correct one, we were importing a private module.

[jandvik]

I have this issue simply by using AppBar for the header and the burger menu opening a Drawer. AppBar goes white when Drawer is open, then returns back to primary color once Drawer is closed.