keep height of two divs same in grid mterial ui 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>
)