##解決策
//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>