MD-Anderson-Bioinformatics / pathway-mapper

An interactive and collaborative graphical curation tool for cancer pathways
https://www.pathwaymapper.org/
GNU Affero General Public License v3.0
0 stars 0 forks source link

Multiple warnings appearing in console when PathwayMapper first opened. #8

Open jmelott opened 3 years ago

jmelott commented 3 years ago

react.development.js:188 Warning: Each child in a list should have a unique "key" prop.

Check the render method of PathwayMapper. See https://fb.me/react-warning-keys for more information. in StudyModal (created by PathwayMapper) in PathwayMapper warningWithoutStack @ react.development.js:188 warning @ react.development.js:603 validateExplicitKey @ react.development.js:1593 validateChildKeys @ react.development.js:1615 createElementWithValidation @ react.development.js:1748 PathwayMapper.render @ react-pathway-mapper.tsx:487 allowStateChanges @ mobx.module.js:665 (anonymous) @ index.module.js:847 trackDerivedFunction @ mobx.module.js:1154 ./node_modules/mobx/lib/mobx.module.js.Reaction.track @ mobx.module.js:1694 reactiveRender @ index.module.js:841 makeComponentReactive @ index.module.js:911 target.render @ index.module.js:1092 finishClassComponent @ react-dom.development.js:14741 updateClassComponent @ react-dom.development.js:14696 beginWork @ react-dom.development.js:15644 performUnitOfWork @ react-dom.development.js:19312 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 postWelcome @ index.jsx:58 ./src/index.jsx.window.onload @ index.jsx:45 load (async) ./src/index.jsx @ index.jsx:6 __webpack_require__ @ bootstrap:726 (anonymous) @ bootstrap:793 (anonymous) @ bootstrap:793 Show 4 more frames react.development.js:188 Warning: Each child in a list should have a unique "key" prop.

Check the render method of Menubar. See https://fb.me/react-warning-keys for more information. in MenuItem (created by Menubar) in Menubar (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in PathwayMapper warningWithoutStack @ react.development.js:188 warning @ react.development.js:603 validateExplicitKey @ react.development.js:1593 validateChildKeys @ react.development.js:1615 createElementWithValidation @ react.development.js:1748 (anonymous) @ Menubar.tsx:52 Menubar.render @ Menubar.tsx:50 finishClassComponent @ react-dom.development.js:14741 updateClassComponent @ react-dom.development.js:14696 beginWork @ react-dom.development.js:15644 performUnitOfWork @ react-dom.development.js:19312 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 postWelcome @ index.jsx:58 ./src/index.jsx.window.onload @ index.jsx:45 load (async) ./src/index.jsx @ index.jsx:6 __webpack_require__ @ bootstrap:726 (anonymous) @ bootstrap:793 (anonymous) @ bootstrap:793 react.development.js:188 Warning: Each child in a list should have a unique "key" prop.

Check the render method of Buttonbar. See https://fb.me/react-warning-keys for more information. in div (created by Buttonbar) in Buttonbar (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in PathwayMapper warningWithoutStack @ react.development.js:188 warning @ react.development.js:603 validateExplicitKey @ react.development.js:1593 validateChildKeys @ react.development.js:1615 createElementWithValidation @ react.development.js:1748 (anonymous) @ Buttonbar.tsx:149 Buttonbar.render @ Buttonbar.tsx:148 allowStateChanges @ mobx.module.js:665 (anonymous) @ index.module.js:847 trackDerivedFunction @ mobx.module.js:1154 ./node_modules/mobx/lib/mobx.module.js.Reaction.track @ mobx.module.js:1694 reactiveRender @ index.module.js:841 makeComponentReactive @ index.module.js:911 target.render @ index.module.js:1092 finishClassComponent @ react-dom.development.js:14741 updateClassComponent @ react-dom.development.js:14696 beginWork @ react-dom.development.js:15644 performUnitOfWork @ react-dom.development.js:19312 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 postWelcome @ index.jsx:58 ./src/index.jsx.window.onload @ index.jsx:45 load (async) ./src/index.jsx @ index.jsx:6 webpack_require__ @ bootstrap:726 (anonymous) @ bootstrap:793 (anonymous) @ bootstrap:793 Show 5 more frames react-dom.development.js:506 Warning: React does not recognize the activeKey prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase activekey instead. If you accidentally passed it from a parent component, remove it from the DOM element. in div (created by ButtonToolbar) in ButtonToolbar (created by Buttonbar) in ul (created by Nav) in Nav (created by Buttonbar) in div (created by Grid) in Grid (created by Navbar) in nav (created by Navbar) in Navbar (created by Uncontrolled(Navbar)) in Uncontrolled(Navbar) (created by Buttonbar) in Buttonbar (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in PathwayMapper warningWithoutStack @ react-dom.development.js:506 warning @ react-dom.development.js:2628 validateProperty$1 @ react-dom.development.js:7319 warnUnknownProperties @ react-dom.development.js:7360 validateProperties$2 @ react-dom.development.js:7380 validatePropertiesInDevelopment @ react-dom.development.js:7431 setInitialProperties @ react-dom.development.js:7691 finalizeInitialChildren @ react-dom.development.js:8755 completeWork @ react-dom.development.js:16907 completeUnitOfWork @ react-dom.development.js:19142 performUnitOfWork @ react-dom.development.js:19340 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 postWelcome @ index.jsx:58 ./src/index.jsx.window.onload @ index.jsx:45 load (async) ./src/index.jsx @ index.jsx:6 webpack_require @ bootstrap:726 (anonymous) @ bootstrap:793 (anonymous) @ bootstrap:793 react-dom.development.js:506 Warning: React does not recognize the activeHref prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase activehref instead. If you accidentally passed it from a parent component, remove it from the DOM element. in div (created by ButtonToolbar) in ButtonToolbar (created by Buttonbar) in ul (created by Nav) in Nav (created by Buttonbar) in div (created by Grid) in Grid (created by Navbar) in nav (created by Navbar) in Navbar (created by Uncontrolled(Navbar)) in Uncontrolled(Navbar) (created by Buttonbar) in Buttonbar (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in PathwayMapper warningWithoutStack @ react-dom.development.js:506 warning @ react-dom.development.js:2628 validateProperty$1 @ react-dom.development.js:7319 warnUnknownProperties @ react-dom.development.js:7360 validateProperties$2 @ react-dom.development.js:7380 validatePropertiesInDevelopment @ react-dom.development.js:7431 setInitialProperties @ react-dom.development.js:7691 finalizeInitialChildren @ react-dom.development.js:8755 completeWork @ react-dom.development.js:16907 completeUnitOfWork @ react-dom.development.js:19142 performUnitOfWork @ react-dom.development.js:19340 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 postWelcome @ index.jsx:58 ./src/index.jsx.window.onload @ index.jsx:45 load (async) ./src/index.jsx @ index.jsx:6 __webpack_require @ bootstrap:726 (anonymous) @ bootstrap:793 (anonymous) @ bootstrap:793 react.development.js:188 Warning: Each child in a list should have a unique "key" prop.

Check the render method of Sidebar. See https://fb.me/react-warning-keys for more information. in div (created by Sidebar) in Sidebar (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in div (created by PathwayMapper) in PathwayMapper

jmelott commented 3 years ago

Found on test system on udev7 that is using multi-detail-panel version of viewer version 2.19.1

jmelott commented 3 years ago

Also multiple hundreds of messages are appearing in the console that state: mobx.module.js:3240 [mobx.array] Attempt to read an array index (1) that is out of bounds (0). Please check length first. Out of bound indices will not be tracked by MobX