material-UI Grid itemの中央寄せ

解決策

//grid　の親コンポーネント
<Grid container alignItems="center" justify="center">
  <Grid item xs={8}>
    <Tweet />
  </Grid>   
</Grid>

alignItemsとjustifyを指定すればそれだけで中央寄せが可能でした。

冗長なやり方

今までこんな風にめちゃめちゃ冗長にやってたなぁ...

//grid　の親コンポーネント
<Grid container alignItems="center" justify="center">
  <Grid item xs={0} md={2}></Grid>
  <Grid item xs={12} md={8}>
    <Tweet />
  </Grid>
  <Grid item xs={0} md={2}></Grid>
</Grid>