Setting table as Editable takes more time

[ArunaDeshapande]

I am Trying to implement 2 views for my table, "Preview" and "Edit View"(Setting the edit mode as "table" and enabling edit option).

When I tried to switch to "Edit View" by setting the "Enable editing" option, it takes more than 5 seconds for the table with 22 records(6 rows with 3 subrows each having 17 columns) to refresh and switch. Below is the code written to get the expected result.

const handleEdit = () => {

        tableInstanceRef.current.setOptions({ "enableEditing": true });

        setData([...data]); //re-render with new data

    }

P.S when there are only 2 records, its real quick.
Is there any way to reduce this switching time?