Material UI Appbar上的垂直分隔符

import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import Divider from '@material-ui/core/Divider';

function MyAppBar() {
  return (
    <AppBar position="static">
      <Toolbar>
        <Typography variant="h6">My App</Typography>
        <Divider orientation="vertical" />
        <Typography variant="h6">Navigation 1</Typography>
        <Divider orientation="vertical" />
        <Typography variant="h6">Navigation 2</Typography>
      </Toolbar>
    </AppBar>
  );
}

export default MyAppBar;