const {
 getTableProps,
 headerGroups,
 rows,
 prepareRow,
 getTableBodyProps,
 state,
 } = useTable(
 {
 columns,
 data,
 defaultColumn,
 },
 useFlexLayout,
 useResizeColumns,
 );
 // the reason why this callback is a function returning a function
 // is because I also needed the useRowSelect to display the state of checkboxes properly
 const renderRow = useCallback(
 (rows: Row<T>[]) =>
 ({ index, style }: any) => {
 const row = rows[index];
 // just a normal table row stuff, like in any example, except you should pass style to the parent element of it, obviously
 return (
 <TableRow
 prepareRow={prepareRow as any}
 row={row as any}
 style={style}
 />
 );
 },
 [prepareRow]
 );
 return (
 <div
 style={{
 height: "calc(100vh - 152px);", // depending on your use case, you might not need it
 overflowY: "hidden",
 overflowX: "auto", // important
 }}
 >
 <table
 {...getTableProps()}
 style={{
 height: "100%",
 overflow: "hidden", // important
 tableLayout: "fixed",
 }}
 >
 <thead style={{ overflow: "hidden" /* also important, otherwise you would get head resizing, while other rows would not */ }}>
 {headerGroups.map((headerGroup) => (
 <tr
 {...headerGroup.getHeaderGroupProps({ style: { width: "100%" /* also important */ } })}
 >
 {headerGroup.headers.map((column) => (
 <th {...column.getHeaderProps()}>
 {column.render("Header")}
 {/* below is a regular resizer from examples */}
 <Resizer column={column} />
 </th>
 ))}
 </tr>
 ))}
 </thead>
 <tbody
 {...getTableBodyProps()}
 style={{ height: "100%", overflow: "hidden" /* important for react-window autosizer */ }}
 >
 <ReactVirtualizedAutoSizer disableWidth>
 {({ height }) => (
 <InfiniteLoader
 itemCount={itemCount}
 isItemLoaded={isItemLoaded}
 loadMoreItems={loading ? () => {} : loadMoreItems}
 minimumBatchSize={20}
 >
 {({ onItemsRendered, ref }) => (
 <FixedSizeList
 height={height}
 itemCount={rows.length}
 onItemsRendered={onItemsRendered}
 ref={ref}
 // below might be important, I have no idea, maybe "auto" is fine too
 width="100%"
 itemSize={52}
 >
 {renderRow(rows)}
 </FixedSizeList>
 )}
 </InfiniteLoader>
 )}
 </ReactVirtualizedAutoSizer>
 </tbody>
 </table>
 </div>
 );