How to use the react-table.ReactTableDefaults.NoDataComponent function in react-table

HeaderPivoted: PropTypes.node,
  defaultSortOrder: PropTypes.string,
  isSortable: PropTypes.bool,
  isSorted: PropTypes.bool,
  isResizing: PropTypes.bool
}

Object.assign(ReactTableDefaults, {
  ThComponent
})

// Render no data component in table body rather than the entire table
// so it doesn't overlap with headers/filters.
const getTbodyProps = state => ({ state })
const DefaultTbodyComponent = ReactTableDefaults.TbodyComponent
const DefaultNoDataComponent = ReactTableDefaults.NoDataComponent
Object.assign(ReactTableDefaults, {
  TbodyComponent({ state, children, ...rest }) {
    const { pageRows, noDataText } = state
    const noData = !pageRows.length && {noDataText}
    return (
      
        {children}
        {noData}
      
    )
  },
  NoDataComponent() {
    return null
  }
})