How to get data isRowSpanned?

[aseph8083]

I use rowspan, but when fetching data isRowSpanned and rowSpan error occurs Property 'rowSpan' does not exist on type 'Cell<object, any>'

`import { useTable, useSortBy, useBlockLayout } from "react-table";
import _ from "lodash";
import { Table } from "react-bootstrap";
import { useSticky } from "react-table-sticky";
import Skeleton from "react-loading-skeleton";
import 'react-loading-skeleton/dist/skeleton.css'

function useInstance(instance: any) {
const { allColumns } = instance;
// console.log(instance)

let rowSpanHeaders = [] as any;

allColumns.forEach((column: any) => {
    const { id, enableRowSpan } = column;

    if (enableRowSpan !== undefined) {
        rowSpanHeaders = [
            ...rowSpanHeaders,
            { id: id, topCellValue: null, topCellIndex: 0 }
        ];
    }
});

Object.assign(instance, {
    rowSpanHeaders: rowSpanHeaders
});

}

function TableInfoTagihan({ columns, data, loading }: any) {
const {
getTableProps,
getTableBodyProps,
headerGroups,
rows,
prepareRow,
rowSpanHeaders,
getCellProps
} = useTable(
{
columns,
data,
loading,
},
useSortBy,
useSticky,
hooks => {
hooks.useInstance.push(useInstance);
}
);

// Render the UI for your table
return (
    <>
        <div className="custom-table">
            <Table striped {...getTableProps()}>
                <thead className="table-ecs-primary sticky">
                    {headerGroups.map(headerGroup => (
                        
                        <tr {...headerGroup.getHeaderGroupProps()}>
                            {headerGroup.headers.map(column => (
                                <th {...column.getHeaderProps({ style: { width: column.width, minWidth: column.minWidth } })}>
                                    {column.render('Header')}
                                </th>
                            ))}
                        </tr>
                    ))}
                </thead>
                <tbody {...getTableBodyProps()}>
                    {rows.map((row, i) => {
                        prepareRow(row);

                        for (let j = 0; j < row.allCells.length; j++) {
                            let cell = row.allCells[j];
                            let rowSpanHeader = rowSpanHeaders.find(
                                (x: any) => x.id === cell.column.id
                            );

                            if (rowSpanHeader !== undefined) {
                                if (
                                    rowSpanHeader.topCellValue === null ||
                                    rowSpanHeader.topCellValue !== cell.value
                                ) {
                                    cell.isRowSpanned = false;
                                    rowSpanHeader.topCellValue = cell.value;
                                    rowSpanHeader.topCellIndex = i;
                                    cell.rowSpan = 1;
                                } else {
                                    rows[rowSpanHeader.topCellIndex].allCells[j].rowSpan++;
                                    cell.isRowSpanned = true;
                                }
                            }
                        }
                        return null;
                    })}
                    {rows.map(row => {
                        return (
                            <>
                                <tr {...row.getRowProps()}>
                                    {row.cells.map(cell => {
                                        if (cell.isRowSpanned) return null;
                                        else
                                            return (
                                                <td rowSpan={cell.rowSpan}
                                                    {...cell.getCellProps({ style: { width: cell.column.width, minWidth: cell.column.minWidth } })}
                                                >
                                                    {loading ? <Skeleton /> : cell.render('Cell')}
                                                </td>
                                            );
                                    })}
                                </tr>
                            </>
                        );
                    })}

                </tbody>
               
            </Table>
        </div>
    </>
);

}

export default TableInfoTagihan;
`