Whole table is re-rendered when subcomponent is updated

What version of React-Table are you using?

6.7.4

What bug are you experiencing, or what feature are you proposing?

We implemented a subcomponent based on a mapper in a react redux environment.

First we have a Dashboard component (not connected to Redux store)

export default class Dashboard extends Component {

  render() {
    const data = this.props.data;
    const period = this.props.period;
    const columns = this.props.columns;

    const subComponentMapper = row => {
      return (
        <div>
          <DashboardSubComponents
            period={period}
            diplayedIn={row}
            />
        </div>
      );
    };

    return (
      <div className="dashboard-container">
        <ReactTable
          noDataText="Veuillez patienter pendant le chargement des données..."
          data={data}
          columns={columns}
          defaultPageSize={10}
          className="-striped -highlight"
          SubComponent={subComponentMapper}
          maxLength
          />
        <br/>
      </div>
    );
  }
}

DashboardSubComponents are (when going deeper into implementation) finally some containers containing components. They are to be updated with the redux store in this way:

• We click on the arrow to unfold the line
• In the didMont function, some API call is made
• When the API call is over (dispatch with thunk), the redux store is updated and we want our subcomponent to read props from it.

The problem is:

1- data={data} is NOT linked to the part of the state that is updated by the API call in the subComponents 2 - BUT the whole table is re-rendered, leading to our subcomponent not to show.

My question is thus: is this a wanted behaviour ? Does the whole table is re-rendered when a subcomponent is changed ?

Thanks in advance, I just want to know this before invastigating too much redux-related magic.

[ThomasVuillaume]

@gary-menzel we solved this using, as you suggested:

collapseOnDataChange: false

Thanks for you help, closing !

[gary-menzel]

This is the default behaviour. Look at the collapse,,,, set of props in the doco to control this.