I am using CustomUI and noticed the following strict mode warnings in the console when using the ProgressTracker and InlineMessage Atlaskit components. I am unable to follow the suggestion about updating as I am already using the latest versions.
Also it seems the InlineMessage component placement is not working, as it always shows up in the top l left corner of my app regardless of the placement property value.
- Is this something the Atlaskit team knows about, is working on?
- Any workarounds?
node: v12.20.0 "react": "^16.14.0", "react-dom": "^16.14.0", "@atlaskit/inline-message": "^11.0.8", "@atlaskit/progress-tracker": "^7.0.6", "styled-components": "^5.2.1"
index.js:1 Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details. * Move data fetching code or side effects to componentDidUpdate. * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state Please update the following components: ProgressTracker, ProgressTrackerStage
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node in div (created by styled.div) in styled.div (created by ProgressTrackerStage) in Transition (created by CSSTransition) in CSSTransition (created by ProgressTrackerStage) in div (created by styled.div) in styled.div (created by ProgressTrackerStage) in div (created by AkGridColumn) in Ge (created by AkGridColumn) in div (created by styled.div) in styled.div (created by AkGridColumn) in Ge (created by AkGridColumn) in AkGridColumn (created by WithTheme(AkGridColumn)) in WithTheme(AkGridColumn) (created by ProgressTrackerStage) in ProgressTrackerStage (created by ProgressTracker) in div (created by styled.div)
index.js:1 Warning: Legacy context API has been detected within a strict-mode tree. The old API will be supported in all 16.x releases, but applications using it should migrate to the new version. Please update the following components: AnalyticsContext Learn more about this warning here: https://fb.me/react-legacy-context in AnalyticsContext (created by WithAnalyticsContext(WithAnalyticsEvents(InlineDialog))) in WithAnalyticsContext(WithAnalyticsEvents(InlineDialog)) (created by InlineMessage) in div (created by styled.div) in styled.div (created by InlineMessage) in InlineMessage (at ShowInlineMessage.jsx:28) type or paste code here