AllenFang
Error when search on page 2/3/4/5 etc
Search on page 1 is working fine but error when search on page 2/3/4/5, anyone facing same issue?
<PaginationProvider pagination={paginationFactory(pageOptions)} keyField='ID' columns={columns} data={this.state.dataReceipt} > {({ paginationProps, paginationTableProps }) => ( <ToolkitProvider keyField='ID' columns={columns} data={this.state.dataReceipt} search={{ placeholder: 'Find' }} > {toolkitProps => ( <React.Fragment> <Row className="mb-2"> <Col md="4"> <div className="search-box me-2 mb-2 d-inline-block"> <div className="position-relative"> <SearchBar placeholder={"Find"} {...toolkitProps.searchProps} /> <i className="bx bx-search-alt search-icon" /> </div> </div> </Col> </Row> <Row> <Col xl="12"> <div className="table-responsive"> <BootstrapTable keyField={"ID"} responsive bordered={false} striped={false} defaultSorted={defaultSorted} selectRow={selectRow} classes={ "table align-middle table-nowrap" } rowEvents={tableRowEvents} headerWrapperClasses={"thead-light"} {...toolkitProps.baseProps} {...paginationTableProps} /> </div> </Col> </Row> <Row className="align-items-md-center mt-30"> <Col className="inner-custom-pagination d-flex"> <div className="d-inline"> <SizePerPageDropdownStandalone {...paginationProps} /> </div> <div className="text-md-right ms-auto"> <PaginationListStandalone {...paginationProps} /> </div> </Col> </Row> </React.Fragment> )} </ToolkitProvider> )} </PaginationProvider>
"react-bootstrap-table-next": "^4.0.3", "react-bootstrap-table2-editor": "^1.4.0", "react-bootstrap-table2-paginator": "^2.1.2", "react-bootstrap-table2-toolkit": "^2.1.3",
Uncaught TypeError: Cannot read properties of undefined (reading 'ID')
at Function.get (utils.js:29:1)
at selection.js:25:1
at Array.map (
