Error: "Uncaught TypeError: Illegal invocation"

When scrolling in a List component, do I get the exception Uncaught TypeError: Illegal invocation in Chrome. The error is thrown at https://github.com/bvaughn/react-virtualized/blob/9.18.0/source/utils/requestAnimationTimeout.js#L33.

My setup:

  "dependencies": {
    "babel-core": "^6.25.0",
    "babel-loader": "7.x",
    "babel-plugin-add-module-exports": "^0.2.1",
    "babel-plugin-syntax-dynamic-import": "^6.18.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-polyfill": "^6.23.0",
    "babel-preset-env": "^1.5.2",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.22.0",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "webpack": "^3.0.0",
    "webpack-dev-server": "^2.5.0"
    ...
  }

This issue seems to be related: https://github.com/fritz-c/react-sortable-tree/issues/230

[vlebedeff]

@bvaughn I got the same error. I think the reason is the fact that raf and caf from utils/animationFrame are not bound to window and lose context.

[joeandrews]

After more investigation this is a webpack issue. Global functions get called in the wrong context in Webpack 3. If you upgrade to Webpack 4 (you will also need to update any webpack plugins) this is fixed.

https://github.com/webpack/webpack/issues/5111

Hope this helps people and thanks for the library! @bvaughn