How to disable box-shadow globally for all MUI components?

Question

I need to disable the default box-shadow for most MUI components. Right now I'm doing this by setting the style manually for each component, like this:

<FloatingActionButton style={{boxShadow: "none"}} /> 

Is there a way to do this globally, maybe using a theme setting?

Answer 1

You can do it by component like this:

<AppBar elevation={0} />