Override internal table state (beta 26)

Describe the bug

Table Options API state.selectedRowPaths: Set<RowPathKey> does not work.

My goal is to provide selection through parent component (making react-table controlled) but internal state override is not taken into account.

To Reproduce

1. Go to CodeSandBox
2. Initial state is OK (5th row is selected)
3. State override is NOK (3th row not selected)

Expected behavior

When provided, Table Options API state should override internal state.

Desktop (please complete the following information):

• OS : Windows
• Browser : Chrome
• Version : 78

Additional context

BETA react-table 26

[tannerlinsley]

This is now available in beta.27

[afrz]

@serge20 have you tried example given in FAQ ?

Below a constricted sample working in latest version RC15.

//in parent component
 const controlledSelectedRowIds = {
    "id-A": true,
    "id-B": true
  }

//in table definition
useTable({
   useControlledState: state => {
        if (Object.keys(controlledSelectedRowIds).length > 0)
          return { ...state, selectedRowIds: controlledSelectedRowIds };
        return state;
      },
})

In addition, you should use your own select handlers (in your custom table) to maintain selected rows state in your parent component (to update controlledSelectedRowIds in above example) and not use handlers (toggleRowSelected…) provided by the useRowSelect hook.