const DataTable = ({ data }) => {
  const [items, setItems] = useState();
  
  const remove = () => {
    ///...
  }

  const fetchMoreData = () => {
    setTimeout(() => {
      setItems([data, ...data])
    })
  }

  return (
    <React.Fragment>
      <Typography>Listagem</Typography>
      <InfiniteScroll
        dataLength={items.length}
        next={fetchMoreData}
        hasMore={true}
        loader={<h4>Loading...</h4>}
      >
        ...
      </InfiniteScroll>
     <React.Fragment> 
  )
}