Вертикальное выравнивание Paper в React Material-UI

[Elfix]

Приветствую!

Никак не выходит сделать вертикальное выравнивание в компоненте Paper. Нужно чтобы компонент Card центрировался в компоненте Paper и по горизонтали и по вертикали.

Как это делается в material-ui?

<Paper style={{margin: 'auto'}}>
 <Card>
 </Card>
</Paper>

[Царь Леонид]

<Paper
   style={{
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
  }}
  >
 <Card />
</Paper>

[Elfix]

Большое спасибо!

[Elfix]

Приветствую!

Не откажите пожалуйста в помощи по сходному вопросу.
Никак не получается DIV растянуть на всю ширину и на всю высоту родительского элемента в React при использовании material-ui.
Кроме того, нужно чтобы div располагался по центру в том числе по вертикали. Но почему-то он никак не центрируется.

Как это починить?

<Grid container direction="row" justify="center" alignItems="center" >
				<Grid item xs={6}>
					<Card style={{marginRight: 15, height: 450}}>
						<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
							<div>
								Этот DIV должен быть растянут на всю площадь родителя.
							</div>
						</CardContent>
					</Card>
				</Grid>
				<Grid item xs={6}>
					<Card style={{height: 450}}>
						<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
							<div>
								Этот DIV должен быть растянут на всю площадь родителя.
							</div>
						</CardContent>
					</Card>
				</Grid>
			</Grid>