chore(Visibility): remove usage of deprecated lifecycle methods (#3973)

src/behaviors/Visibility/Visibility.js

@@ -187,22 +187,6 @@ export default class Visibility extends Component {
   // Lifecycle
   // ----------------------------------------
 
-  // eslint-disable-next-line camelcase
-  UNSAFE_componentWillReceiveProps({ continuous, once, context, updateOn }) {
-    const cleanHappened =
-      continuous !== this.props.continuous ||
-      once !== this.props.once ||
-      updateOn !== this.props.updateOn
-
-    // Heads up! We should clean up array of happened callbacks, if values of these props are changed
-    if (cleanHappened) this.firedCallbacks = []
-
-    if (context !== this.props.context || updateOn !== this.props.updateOn) {
-      this.unattachHandlers(this.props.context)
-      this.attachHandlers(context, updateOn)
-    }
-  }
-
   componentDidMount() {
     this.mounted = true
 
@@ -215,6 +199,21 @@ export default class Visibility extends Component {
     if (fireOnMount) this.update()
   }
 
+  componentDidUpdate(prevProps) {
+    const cleanHappened =
+      prevProps.continuous !== this.props.continuous ||
+      prevProps.once !== this.props.once ||
+      prevProps.updateOn !== this.props.updateOn
+
+    // Heads up! We should clean up array of happened callbacks, if values of these props are changed
+    if (cleanHappened) this.firedCallbacks = []
+
+    if (prevProps.context !== this.props.context || prevProps.updateOn !== this.props.updateOn) {
+      this.unattachHandlers(prevProps.context)
+      this.attachHandlers(this.props.context, this.props.updateOn)
+    }
+  }
+
   componentWillUnmount() {
     const { context } = this.props