How do I make Material UI container have full width and height?

 https://stackoverflow.com/questions/70238818/how-do-i-make-material-ui-container-have-full-width-and-height

You will need to add maxWidth={false} and disableGutters properties to the <Container/> component. Additionally, you should include the <CssBaseline/> component to reset the browser's CSS.

Example:

<>
    <CssBaseline />
    <Container maxWidth={false} disableGutters>
      {children}
    </Container>
</>

Container API

Name	Type	Default	Description
maxWidth	'xs', 'sm', 'md', 'lg', 'xl', false, string		Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
disableGutters	bool	false	If true, the left and right padding is removed.