Getting multiple react error in development environment

I am getting tons of react related errors like following.

Warning: Unknown props `collectionId`, `dispatch`, `fetchList`, `fetch`, `create`, `update`, `setArchived`, `setCollection`, `fetched`, `loading`, `error`, `reload`, `object`, `remove` on <a> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
in a (created by Link)
in Link (created by BaseLink)
in BaseLink (created by Link)

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `ButtonBar`. It was passed a child from ViewFooter. See https://fb.me/react-warning-keys for more information.
    in QuestionEmbedWidgetTrigger (created by ViewFooter)
    in ButtonBar (created by ViewFooter)
    in div

I feel it may be dependecy issue.

$ yarn --version
1.22.5
$ nodejs --version
v14.15.0

$ yarn 
yarn install v1.22.5

$ echo $npm_execpath | grep -q yarn || echo '\033[0;33mSorry, npm is not supported. Please use Yarn (https://yarnpkg.com/).\033[0m'
[1/5] Validating package.json...
[2/5] Resolving packages...
success Already up-to-date.
Done in 0.78s.

$ yarn check
yarn check v1.22.5
info fsevents@1.2.13: The platform "linux" is incompatible with this module.
info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@2.1.3: The platform "linux" is incompatible with this module.
info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.
error "@cypress/webpack-preprocessor#webpack@^4.18.1" doesn't satisfy found match of "webpack@3.12.0"
warning "table#ajv-keywords#ajv@>=4.10.0" could be deduped from "6.12.6" to "ajv@6.12.6"
error Found 1 errors.
info Visit https://yarnpkg.com/en/docs/cli/check for documentation about this command.

Will somebody know what can be causing it?

yarn outdated v1.22.5
info Color legend :
“” : Major Update backward-incompatible updates
“” : Minor Update backward-compatible features
“” : Patch Update backward-compatible bug fixes
Package Current Wanted Latest Package Type URL
@cypress/webpack-preprocessor 4.1.5 4.1.5 5.4.10 devDependencies https://github.com/cypress-io/cypress/tree/master/npm/webpack-preprocessor#readme
@slack/client 3.16.0 3.16.0 5.0.2 devDependencies https://slack.dev/node-slack-sdk/tutorials/migrating-to-v5
@testing-library/cypress 5.3.1 5.3.1 7.0.1 devDependencies https://github.com/kentcdodds/cypress-testing-library#readme
@testing-library/jest-dom 4.2.4 4.2.4 5.11.5 devDependencies https://github.com/testing-library/jest-dom#readme
babel-eslint 7.2.3 7.2.3 10.1.0 devDependencies https://github.com/babel/babel-eslint
babel-loader 7.1.5 7.1.5 8.1.0 devDependencies https://github.com/babel/babel-loader
chevrotain 6.5.0 6.5.0 7.0.3 dependencies https://sap.github.io/chevrotain/docs/
concurrently 3.6.1 3.6.1 5.3.0 devDependencies https://github.com/kimmobrunfeldt/concurrently#readme
css-loader 0.28.11 0.28.11 5.0.1 devDependencies https://github.com/webpack-contrib/css-loader
cypress 3.8.2 3.8.2 5.5.0 resolutionDependencies https://github.com/cypress-io/cypress
cypress 3.8.2 3.8.2 5.5.0 devDependencies https://github.com/cypress-io/cypress
d3 3.5.17 3.5.17 6.2.0 dependencies https://d3js.org
d3-scale 2.2.2 2.2.2 3.2.3 dependencies https://d3js.org/d3-scale/
dc 2.1.9 2.1.9 4.2.0 dependencies http://dc-js.github.io/dc.js/
diff 3.5.0 3.5.0 4.0.2 dependencies https://github.com/kpdecker/jsdiff#readme
documentation 4.0.0 4.0.0 13.1.0 devDependencies https://documentation.js.org
enzyme-2 2.9.1 exotic exotic devDependencies npm:enzyme@2
eslint 3.19.0 3.19.0 7.12.1 devDependencies https://eslint.org
eslint-import-resolver-webpack 0.8.4 0.8.4 0.13.0 devDependencies https://github.com/benmosher/eslint-plugin-import/tree/master/resolvers/webpack
eslint-loader 1.9.0 1.9.0 4.0.2 devDependencies https://github.com/webpack-contrib/eslint-loader
eslint-plugin-flowtype 2.50.3 2.50.3 5.2.0 devDependencies https://github.com/gajus/eslint-plugin-flowtype#readme
eslint-plugin-jasmine 2.10.1 2.10.1 4.1.1 devDependencies https://github.com/tlvince/eslint-plugin-jasmine
eslint-plugin-react 6.10.3 6.10.3 7.21.5 devDependencies https://github.com/yannickcr/eslint-plugin-react
exports-loader 0.6.4 0.6.4 1.1.1 devDependencies https://github.com/webpack-contrib/exports-loader
file-loader 0.11.2 0.11.2 6.2.0 devDependencies https://github.com/webpack-contrib/file-loader
flow-bin 0.37.4 0.37.4 0.137.0 devDependencies https://github.com/flowtype/flow-bin#readme
grid-styled 4.1.0 4.1.0 5.0.2 dependencies
history 3.3.0 3.3.0 5.0.0 dependencies https://github.com/ReactTraining/history#readme
html-webpack-harddisk-plugin 0.1.0 0.1.0 1.0.2 devDependencies https://github.com/jantimon/html-webpack-harddisk-plugin
html-webpack-plugin 2.30.1 2.30.1 4.5.0 devDependencies https://github.com/jantimon/html-webpack-plugin
icepick 2.3.0 2.3.0 2.4.0 dependencies https://github.com/aearly/icepick
iframe-resizer 3.6.6 3.6.6 4.2.11 dependencies https://github.com/davidjbradshaw/iframe-resizer
image-diff 1.6.3 1.6.3 2.0.0 devDependencies https://github.com/uber/image-diff
imports-loader 0.7.1 0.7.1 1.2.0 devDependencies https://github.com/webpack-contrib/imports-loader
isomorphic-fetch 2.2.1 2.2.1 3.0.0 dependencies https://github.com/matthew-andrews/isomorphic-fetch/issues
jasmine 2.99.0 2.99.0 3.6.3 devDependencies http://jasmine.github.io/
jasmine-core 2.99.1 2.99.1 3.6.0 devDependencies https://jasmine.github.io
jasmine-spec-reporter 3.3.0 3.3.0 6.0.0 devDependencies https://github.com/bcaudan/jasmine-spec-reporter
jest 19.0.2 19.0.2 26.6.3 devDependencies https://jestjs.io/
jscodeshift 0.5.0 0.5.0 0.11.0 devDependencies https://github.com/facebook/jscodeshift#readme
jsonwebtoken 7.4.3 7.4.3 8.5.1 devDependencies https://github.com/auth0/node-jsonwebtoken#readme
jsrsasign 7.2.2 7.2.2 10.0.5 dependencies http://kjur.github.io/jsrsasign/
leaflet-draw 0.4.14 0.4.14 1.0.4 dependencies https://github.com/Leaflet/Leaflet.draw#readme
lint-staged 3.6.1 3.6.1 10.5.1 devDependencies https://github.com/okonet/lint-staged#readme
mockdate 2.0.5 2.0.5 3.0.2 devDependencies https://github.com/boblauer/MockDate
moment 2.19.3 2.19.3 2.29.1 dependencies https://momentjs.com
mustache 2.3.2 2.3.2 4.0.1 dependencies https://github.com/janl/mustache.js
postcss-cssnext 2.11.0 2.11.0 3.1.0 devDependencies http://cssnext.io/
postcss-import 9.1.0 9.1.0 13.0.0 devDependencies https://github.com/postcss/postcss-import#readme
postcss-loader 2.1.6 2.1.6 4.0.4 devDependencies https://github.com/webpack-contrib/postcss-loader
postcss-url 6.3.1 6.3.1 10.1.0 devDependencies https://github.com/postcss/postcss-url#readme
prettier 1.18.2 1.18.2 2.1.2 devDependencies https://prettier.io
re-reselect 3.4.0 3.4.0 4.0.0 dependencies https://github.com/toomuchdesign/re-reselect#readme
react 15.7.0 15.7.0 17.0.1 dependencies https://reactjs.org/
react-collapse 4.0.3 4.0.3 5.0.1 dependencies https://github.com/nkbt/react-collapse
react-dnd 3.0.2 3.0.2 11.1.3 dependencies https://github.com/react-dnd/react-dnd#readme
react-dnd-html5-backend 3.0.2 3.0.2 11.1.3 dependencies https://github.com/react-dnd/react-dnd#readme
react-dom 15.7.0 15.7.0 17.0.1 dependencies https://reactjs.org/
react-draggable 3.3.2 3.3.2 4.4.3 dependencies https://github.com/mzabriskie/react-draggable
react-element-to-jsx-string 13.2.0 13.2.0 14.3.2 dependencies https://github.com/algolia/react-element-to-jsx-string#readme
react-hot-loader 1.3.1 1.3.1 4.13.0 dependencies https://github.com/gaearon/react-hot-loader
react-markdown 3.6.0 3.6.0 5.0.2 dependencies https://github.com/remarkjs/react-markdown#readme
react-motion 0.4.8 0.4.8 0.5.2 dependencies https://github.com/chenglou/react-motion#readme
react-redux 5.1.2 5.1.2 7.2.2 dependencies https://github.com/reduxjs/react-redux
react-router 3.2.6 3.2.6 5.2.0 dependencies https://github.com/ReactTraining/react-router#readme
react-sortable-hoc 0.6.8 0.6.8 1.11.0 dependencies https://github.com/clauderic/react-sortable-hoc
react-test-renderer 15.7.0 15.7.0 17.0.1 devDependencies https://reactjs.org/
react-textarea-autosize 5.2.1 5.2.1 8.2.0 dependencies https://github.com/Andarist/react-textarea-autosize#readme
react-transition-group 1.2.1 1.2.1 4.4.1 dependencies https://github.com/reactjs/react-transition-group#readme
recompose 0.26.0 0.26.0 0.30.0 dependencies https://github.com/acdlite/recompose
redux 3.7.2 3.7.2 4.0.5 dependencies http://redux.js.org
redux-auth-wrapper 1.1.0 1.1.0 3.0.0 dependencies https://github.com/mjrussell/redux-auth-wrapper.git
redux-form 5.4.0 5.4.0 8.3.6 dependencies https://redux-form.com/
redux-promise 0.5.3 0.5.3 0.6.0 dependencies https://github.com/redux-utilities/redux-promise
reselect 3.0.1 3.0.1 4.0.0 dependencies https://github.com/reduxjs/reselect#readme
screenfull 4.2.1 4.2.1 5.0.2 dependencies https://github.com/sindresorhus/screenfull.js#readme
simple-statistics 3.0.0 3.0.0 7.3.2 dependencies https://github.com/simple-statistics/simple-statistics#readme
style-loader 0.19.1 0.19.1 2.0.0 devDependencies https://github.com/webpack-contrib/style-loader
styled-components 3.2.6 3.2.6 5.2.1 resolutionDependencies https://styled-components.com/
styled-components 3.2.6 3.2.6 5.2.1 dependencies https://styled-components.com/
styled-system 2.2.5 2.2.5 5.1.5 resolutionDependencies https://github.com/jxnblk/styled-system#readme
styled-system 2.2.5 2.2.5 5.1.5 dependencies https://github.com/jxnblk/styled-system#readme
system-components 2.0.3 2.0.3 3.0.3 dependencies
ttag 1.7.15 1.7.15 1.7.22 dependencies https://github.com/ttag-org/ttag.git#readme
uglifyjs-webpack-plugin 1.3.0 1.3.0 2.2.0 devDependencies https://github.com/webpack-contrib/uglifyjs-webpack-plugin
webpack 3.12.0 3.12.0 5.4.0 devDependencies https://github.com/webpack/webpack
webpack-dev-middleware 1.12.2 1.12.2 4.0.0 dependencies https://github.com/webpack/webpack-dev-middleware
webpack-dev-server 2.11.5 2.11.5 3.11.0 devDependencies https://github.com/webpack/webpack-dev-server#readme

Getting similar errors with default jar 0.37.0.2 which I downloaded from https://github.com/metabase/metabase/releases/tag/v0.37.0.2 . Anybody else facing this problem?

Hi @tachniki
Ignore those violations. We’re working on addressing some of that by upgrading to React 16, and several of the other libraries we’re using too, but that’s a major upgrade and will take time.

Because of the error, screen is not painting, even though response is coming from api. :frowning:

@tachniki Okay, then I guess you’re talking about a different error than the ones in the release.
I don’t know which branch/commit you’re working on, but if you’re using one of the release tags, then it should work.
I’m using yarn 1.22.5 and node 10.23.

I am getting this on latest release also (running using 0.37.0.2 jar). I upgraded from 0.34.1 version.

Found the root issue. Will log a bug. It happens when values for all rows is zero for pie chart.

@tachniki Already exists: https://github.com/metabase/metabase/issues/13626

1 Like

Just noticed. Thanks.