Merge pull request #15 from TylerBarnes/prevent-scroll-jumping-on-save

check for session storage existance before trying to use it
TylerBarnes · Nov 23, 2018 · 898849e · 898849e
2 parents d8ca0c5 + 3524721
commit 898849e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-transition-link",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "A link component for page transitions in gatsby.",
   "repository": "https://github.com/TylerBarnes/gatsby-plugin-transition-link",
   "homepage": "https://gatsby-plugin-transition-link.netlify.com/",

diff --git a/src/wrap-page.js b/src/wrap-page.js
@@ -5,7 +5,10 @@ const Consumer = require("./context/createTransitionContext").Consumer;
 
 // eslint-disable-next-line react/prop-types,react/display-name
 module.exports = ({ element, props }) => {
-  const minHeight = sessionStorage.getItem("wrapperMinHeight");
+  const sessionMinHeight =
+    typeof sessionStorage !== "undefined"
+      ? sessionStorage.getItem("wrapperMinHeight")
+      : false;
   return (
     <InternalProvider>
       <Consumer>
@@ -16,7 +19,7 @@ module.exports = ({ element, props }) => {
               zIndex: 0,
               minHeight: wrapperMinHeight
                 ? `${wrapperMinHeight}px`
-                : `${minHeight}px`
+                : `${!!sessionMinHeight ? sessionMinHeight + "px" : false}`
             }}
           >
             <TransitionHandler {...props}>{element}</TransitionHandler>