fix(Sticky|Visibility): add null check on window (Semantic-Org#1990)

* fix(Sticky|Visibility): add null check on window

fix(Sticky|Visibility): add null check on window for server side rendering

* initialize with null instead of empty object

* initialize with null instead of empty object

* Break out of lifecycle methods if not browser

Author: lottamus

src/behaviors/Visibility/Visibility.js

@@ -7,6 +7,7 @@ import {
   getElementType,
   getUnhandledProps,
   META,
+  isBrowser,
 } from '../../lib'
 
 /**
@@ -141,7 +142,7 @@ export default class Visibility extends Component {
   }
 
   static defaultProps = {
-    context: window,
+    context: isBrowser ? window : null,
     continuous: false,
     once: true,
   }
@@ -170,11 +171,15 @@ export default class Visibility extends Component {
   }
 
   componentDidMount() {
+    if (!isBrowser) return
+
     const { context } = this.props
     context.addEventListener('scroll', this.handleScroll)
   }
 
   componentWillUnmount() {
+    if (!isBrowser) return
+
     const { context } = this.props
     context.removeEventListener('scroll', this.handleScroll)
   }

src/modules/Sticky/Sticky.js

@@ -7,6 +7,7 @@ import {
   getElementType,
   getUnhandledProps,
   META,
+  isBrowser,
 } from '../../lib'
 
 /**
@@ -74,7 +75,7 @@ export default class Sticky extends Component {
   static defaultProps = {
     bottomOffset: 0,
     offset: 0,
-    scrollContext: window,
+    scrollContext: isBrowser ? window : null,
   }
 
   static _meta = {
@@ -87,12 +88,16 @@ export default class Sticky extends Component {
   }
 
   componentDidMount() {
+    if (!isBrowser) return
+
     const { scrollContext } = this.props
     this.handleUpdate()
     scrollContext.addEventListener('scroll', this.handleUpdate)
   }
 
   componentWillUnmount() {
+    if (!isBrowser) return
+
     const { scrollContext } = this.props
     scrollContext.removeEventListener('scroll', this.handleUpdate)
   }