[AppBar] Get AppBar height

AppBar height dynamically changes depending on the browser window width. How can I get its height to set margin for the content when AppBar is absolutely positioned?

Tech	Version
Material-UI	1.0.0-beta.37
React	16.2.0

[pganster]

A hook I’ve created to get the app bar height that replicates the height SxProps setting of the AppBar:

import { useMediaQuery, useTheme } from '@mui/material';

type MinHeight = {
  minHeight: number,
};

export default function useAppBarHeight(): number {
  const {
    mixins: { toolbar },
    breakpoints,
  } = useTheme();
  const toolbarDesktopQuery = breakpoints.up('sm');
  const toolbarLandscapeQuery = `${breakpoints.up('xs')} and (orientation: landscape)`;
  const isDesktop = useMediaQuery(toolbarDesktopQuery);
  const isLandscape = useMediaQuery(toolbarLandscapeQuery);
  let currentToolbarMinHeight;
  if (isDesktop) {
    currentToolbarMinHeight = toolbar[toolbarDesktopQuery];
  } else if (isLandscape) {
    currentToolbarMinHeight = toolbar[toolbarLandscapeQuery];
  } else {
    currentToolbarMinHeight = toolbar;
  }
  return (currentToolbarMinHeight as MinHeight).minHeight;
}

[oliviertassinari]

@lukejagodzinski I believe your question has already be answered in https://github.com/mui-org/material-ui/issues/10076#issuecomment-361232810.