Как использовать вертикальный Divider в material ui (react) между Grid элементами?

Question

[WizardW]

<Paper>
    <Grid container direction="row">
      <Grid item lg={6} direction="column">
        <Grid item>
          <SearchBar />
        </Grid>
        <Grid item>
          <UserList />
        </Grid>
      </Grid>
      <Divider orientation="vertical" />
      <Grid item lg={6}>
        123
      </Grid>
    </Grid>
  </Paper>

Вот вариант кода, вертикальный Divider не показывается, почему?