How to do Selection Row in react-table Using Ctrl +click And Shift+Click?

<table {...getTableProps()} className="table" >
    <thead>
        {headerGroups.map(headerGroup => (
            <tr {...headerGroup.getHeaderGroupProps()} id="header-fixed">
                {headerGroup.headers.map(column => (
                    <th {...column.getHeaderProps()}>{column.render('Header')}</th>
                ))}
            </tr>
        ))}
    </thead>
    <tbody {...getTableBodyProps()}>
        {rows.map((row, i) => {
            prepareRow(row)
            return (
                <tr {...row.getRowProps()} className="border_bottom" tabIndex={i} onKeyDown={(e) => handleKeyDown(e, i)} onLoad={() => active(i)} ref={i === 0 ? myRef : null}>
                    {row.cells.map(cell => {
                        return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                    })}
                </tr>
            )
        })}
    </tbody>
</table>

I have no idea how to select the more than 2 row when Ctrl + click is press and when shift + click then First to 2 last row all selected using the "react-table": "^7.7.0" Please help..