Topheader Issue

[aress31]

The topHeader component does not seem to support the color property, please see:

export default () => {
  const routeResult = useRoutes(routes);

  return (
    <Root scheme={muiLayout}>
      <CssBaseline />
      <TopHeader variant='outlined' color='secondary'>
        <MarketingBar />
      </TopHeader>
      <Header variant='outlined' color='primary'>
        <NavBar />
      </Header>
      <EdgeSidebar anchor='left'>
        <SidebarContent>SidebarContent</SidebarContent>
      </EdgeSidebar>
      <Content>{routeResult}</Content>
      <Footer>Footer</Footer>
    </Root>
  );
};

NOTE: Even the variant=outlined does not seem to apply, I think this component does not extend AppBar that might be why...