Display: none on Deck.gl React component causes huge performance issue
Upgrading all my dependencies to the latest version solved my issue.
Sorry but I couldn't be bothered to pinpoint which package was causing the issue. Maybe I'll spend the time on it later in life.
Also on [email protected]
compiler option skipLibCheck: true
is needed.
Node version 12.16.0
package.json:
{
"name": "NOT_PUBLIC",
"version": "0.1.0",
"private": true,
"dependencies": {
"@eds/vanilla": "3.4.0",
"@types/lodash": "^4.14.149",
"@types/node": "13.7.4",
"@types/react": "16.9.20",
"@types/react-dom": "16.9.5",
"@types/react-redux": "7.1.7",
"@types/react-router-dom": "5.1.3",
"axios": "0.19.2",
"d3": "5.15.0",
"deck.gl": "^8.0.15",
"dragula": "3.7.2",
"immer": "5.3.6",
"jss": "10.0.4",
"lodash": "4.17.15",
"react": "16.12.0",
"react-dom": "16.12.0",
"react-map-gl": "5.2.3",
"react-redux": "7.2.0",
"react-router-dom": "5.1.2",
"redux": "4.0.5",
"redux-thunk": "2.3.0"
},
"scripts": {
"start": "webpack-dev-server --mode development --open --hot",
"build": "webpack --mode production",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"@types/react-map-gl": "^5.2.0",
"@types/uuid": "^3.4.7",
"awesome-typescript-loader": "^5.2.1",
"babel-jest": "^25.1.0",
"css-loader": "^3.4.2",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.15.2",
"enzyme-to-json": "^3.4.4",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"jest": "^25.1.0",
"node-sass": "^4.13.1",
"react-scripts": "3.4.0",
"react-test-renderer": "^16.12.0",
"sass-loader": "^8.0.2",
"source-map-loader": "^0.2.4",
"style-loader": "^1.1.3",
"typescript": "3.7.5",
"webpack": "^4.41.6",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3"
},
"jest": {
"snapshotSerializers": [
"enzyme-to-json/serializer"
]
}
}