[v6] resolvedState right after state change stay the same with babel 7, but new after a little timeout

[WebdevMerlion]

Hi everyone.
package: "react-table": "^6.7.4"

If i change filtered attr of table i get newResolvedState only after timeout (

setTimeout(getResolvedState().sortedData, 100)

), but not immediatly after table state changed. This seems lead to not firing onFetchData because of this
node_modules/react-table/src/lifecycle.js:44

 if (
        oldState.data !== newState.data ||
        oldState.columns !== newState.columns ||
        oldState.pivotBy !== newState.pivotBy ||
        oldState.sorted !== newState.sorted ||
        oldState.filtered !== newState.filtered
   ) {
     this.setStateWithData(this.getDataModel(newState))
   }

newState seems the same as oldState.

But in babel 6 there's no such problems

My current configuration:

package.json

"devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/node": "^7.0.0",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-proposal-json-strings": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
    "@babel/plugin-syntax-import-meta": "^7.0.0",
    "@babel/plugin-transform-modules-commonjs": "^7.8.3",
    "@babel/plugin-transform-runtime": "^7.8.3",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-flow": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "@babel/register": "^7.8.3",
    "@gfx/zopfli": "^1.0.10",
    "@welldone-software/why-did-you-render": "^3.3.3",
    "babel-core": "^7.0.0-bridge.0",
    "babel-eslint": "^9.0.0",
    "babel-jest": "^23.4.2",
    "babel-loader": "^8.0.0",
    "babel-plugin-flow-react-proptypes": "^4.1.0",
    "babel-plugin-lodash": "^3.3.4",
    "babel-plugin-module-resolver": "^4.0.0",
    "babel-plugin-recharts": "^1.2.0",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.14",
......

babel.config.json:

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage",
        "corejs": {
          "version": 3,
          "proposals": true
        },
        "debug": false
      }
    ],
    "@babel/preset-flow",
    "@babel/preset-react"
  ],
  "plugins": [
    "lodash",
    "flow-react-proptypes",
    "@babel/plugin-proposal-object-rest-spread",
    "@babel/plugin-proposal-class-properties",
    [
      "transform-imports",
      {
        "react-router": {
          "transform": "react-router/${member}",
          "preventFullImport": true
        }
      }
    ],
    [
      "module-resolver",
      {
        "root": ["./src"]
      }
    ]
  ],
  "env": {
    "dev": {
      "plugins": [
        "@babel/plugin-transform-modules-commonjs"
      ]
    },
    "production": {
      "plugins": [
        "transform-react-remove-prop-types"
      ]
    }
  }
}

My previous working tables configs:
package.json:

"devDependencies": {
    "@babel/preset-stage-3": "^7.0.0",
    "@gfx/zopfli": "^1.0.10",
    "@welldone-software/why-did-you-render": "^3.3.3",
    "babel-cli": "^6.24.1",
    "babel-core": "^6.25.0",
    "babel-eslint": "^7.2.3",
    "babel-jest": "^20.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-flow-react-proptypes": "^4.1.0",
    "babel-plugin-lodash": "^3.3.4",
    "babel-plugin-recharts": "^1.2.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.14",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-plugin-webpack-alias": "^2.1.2",
    "babel-preset-env": "^1.7.0",
    "babel-preset-flow": "^6.23.0",
    "babel-preset-react": "^6.24.1",

.babelrc:

{
  "presets": [
    ["env", {
      "useBuiltIns": "usage",
      "corejs": { "version": 3, "proposals": true },
      "loose": false,
      "spec": false,
      "uglify": false,
      "debug": false
    }],
    "flow",
    "react"
  ],
  "plugins": [
    "lodash",
    "flow-react-proptypes",
    "transform-object-rest-spread",
    "transform-class-properties",
    [
      "transform-imports",
      {
        "react-router": {
          "transform": "react-router/${member}",
          "preventFullImport": true
        }
      }
    ],
    [
      "transform-runtime",
      {
        "corejs": 3,
        "helpers": true,
        "regenerator": true,
        "useESModules": true
      }
    ]
  ],
  "env": {
    "dev": {
      "plugins": [
        "babel-plugin-webpack-alias"
      ]
    },
    "production": {
      "plugins": [
        "transform-react-remove-prop-types"
      ]
    }
  }
}

Any thoughts what causing such problems with react-tables?

[WebdevMerlion]

Seems it's not a Babel case. It's a difference between 6.7 and 6.11 versions of react-table package.
In 6.11 fireFetchData triggering in componentDidUpdate, but when it's trying to compare oldState with newState getting from getResolvedState() it's the same because without params oldState used actual props (i.e. this.props) which are already new. This leads to oldState always equal to newState and fireFetchData not triggering at all if i changing filtered attr.
However in 6.7 fireFetchData triggering in deprecated method componentWillReceiveProps and oldState seems really "old" and fireFetchData is triggering, due to oldState !== newState

How can i trgger onFetchData in 6.11 by changing filtered props of react-table?