Ignore localStorage if it isn't available

localStorage is used to speed up different tabs/windows
noticing that they are logged in/out. This checks to
make sure it's available before we use it.

Author: andrew-propelauth

package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/PropelAuth/javascript"
   },
-  "version": "1.1.0",
+  "version": "1.1.1",
   "keywords": [
     "auth",
     "user",

src/client.ts

@@ -1,5 +1,5 @@
 import { AuthenticationInfo, fetchAuthenticationInfo, logout } from "./api"
-import { currentTimeSeconds, getLocalStorageNumber } from "./helpers"
+import { currentTimeSeconds, getLocalStorageNumber, hasLocalStorage } from "./helpers"
 
 const LOGGED_IN_AT_KEY = "__PROPEL_AUTH_LOGGED_IN_AT"
 const LOGGED_OUT_AT_KEY = "__PROPEL_AUTH_LOGGED_OUT_AT"
@@ -268,6 +268,12 @@ export function createClient(authOptions: IAuthOptions): IAuthClient {
     }
 
     const onStorageChange = async function () {
+        // If localStorage isn't available, nothing to do here.
+        // This usually happens in frameworks that have some SSR components
+        if (!hasLocalStorage()) {
+            return
+        }
+
         const loggedOutAt = getLocalStorageNumber(LOGGED_OUT_AT_KEY)
         const loggedInAt = getLocalStorageNumber(LOGGED_IN_AT_KEY)
 

src/helpers.ts

@@ -2,7 +2,15 @@ export function currentTimeSeconds() {
     return Date.now() / 1000
 }
 
+export function hasLocalStorage(): boolean {
+    return typeof localStorage !== 'undefined'
+}
+
 export function getLocalStorageNumber(key: string): number | null {
+    if (!hasLocalStorage()) {
+        return null;
+    }
+
     const value = localStorage.getItem(key)
     if (!value) {
         return null