Rows are not updating

{table.getRowModel().rows.map((row, index) => (
                  <SelectableRow
                    key={row.id}
                    $isInterleaved={index % 2 === 0 ? true : false}
                  >
                    {row.getVisibleCells().map((cell) => {
                      const { columnDef } = cell.column;
                      const { align = 'left', cell: columnCell } =
                        columnDef as ExtendedColumnDef<T>;

                      return (
                        <TableDataCell
                          style={{
                            width: cell.column.getSize(),
                          }}
                          key={cell.id}
                          $columnAlign={align}
                          title={
                            cell.column.id === 'id'
                              ? cell.getValue<string>()
                              : ''
                          }
                        >
                          {flexRender(columnCell, cell.getContext())}
                        </TableDataCell>
                      );
                    })}