table row at least 2, or it will report an iterator error

5461528455805_.pic_hd.jpg

index.tsx

import React from "react"
import { Intent, BreadCrumb, PageFooter } from "components"
import { Button } from "components/controls"
import { connect } from "utils"

interface Props {
  classes: Classes
}

const styles = {
  bottomButton: {
    width: 200,
  },
}

class List extends React.Component<Props> {
  constructor(props: Props) {
    super(props)
  }

  render() {
    const { classes } = this.props
    return (
      <>
        <BreadCrumb>
          <div>Restaurant Menu</div>
        </BreadCrumb>
        <div className="page">
          3 parts
        </div>
        <PageFooter title="Department">
          <Button className={classes.bottomButton} intent={Intent.PRIMARY}>
            Restaurant Menu
          </Button>
        </PageFooter>
      </>
    )
  }
}

export default connect<Props>(
  List,
  { styles },
)

Router.js

import RestaurantMenuPage from "./RestaurantMenu"
<Route 
path={`${match.path}/restaurant-menu`} 
component={wrapper(RestaurantMenuPage)} 
/>