Puede intentar usar useEffect para tener un efecto secundario para el filtrado de filas. Todos los datos mostrados y el cálculo total de la página deben basarse en filas filtradas en lugar de filas originales.

 const [currentPage, setCurrentPage] = useState(1); const [select, setSelect] = useState(10); const [filteredRows, setFilteredRows] = useState(rows || []) function handleChange(e) { setSelect(e.target.value); } React.useEffect(() => { const updatedCurrentPage = 1 const updatedRows = rows.filter((item) => { if (searchWord == "") { return item; } else if(item[1].toLowerCase().includes(searchWord.toLowerCase())){ return item; } else if(item[2].toLowerCase().includes(searchWord.toLowerCase())){ return item; } else if(item[5].toLowerCase().includes(searchWord.toLowerCase())){ return item; } }) const totalPages = Math.ceil(updatedRows.length / select); setFilteredRows(updatedRows) //set filtered rows when `searchWord` changes setCurrentPage(1) //reset current page to 1 if applying filters }, [searchWord]) const renderHeadingRow = (item) => { return <td>{item}</td>; }; const renderRow = (item, index) => { return ( <tr key={index}> { item.map((data) => { return <td>{data}</td>; })} </tr> ); }; const indexOfLast = currentPage * select; const indexOfFirst = indexOfLast - select; const splitData = filteredRows.slice(indexOfFirst, indexOfLast); //use `filteredRows` for display const totalPages = Math.ceil(filteredRows.length / select); //use `filteredRows` to calculate total pages const theadData = <tr>{heading.map(renderHeadingRow)}</tr>; const tbodyData = displayedRows.map(renderRow);