material ui keep all item in a grid equal height in all rows and colums code example

Example: stretch grid column to fit page mui

return (
  	<Grid container direction={"row"}>
            <Grid item style={{width: '500px'}}></Grid>
			<Grid item xs></Grid> 
			// the bottom one will stretch
	</Grid>
)