fix(color-mode): fix SSR compat

styled-components · Sep 26, 2019 · bb0188a · bb0188a
1 parent c1dbb8f
commit bb0188a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/core/src/colorModes.js b/packages/core/src/colorModes.js
@@ -9,7 +9,10 @@ import {
 const STORAGE_KEY = 'xstyled-color-mode'
 
 const storage = {
-  get: () => window.localStorage.getItem(STORAGE_KEY),
+  get: () =>
+    typeof window === 'undefined'
+      ? null
+      : window.localStorage.getItem(STORAGE_KEY),
   set: value => window.localStorage.setItem(STORAGE_KEY, value),
   clear: () => window.localStorage.removeItem(STORAGE_KEY),
 }
@@ -95,7 +98,9 @@ export function createColorStyles(theme, { targetSelector = 'body' } = {}) {
 }
 
 function getSystemModeMql(mode) {
-  if (window.matchMedia === undefined) return null
+  if (typeof window === 'undefined' || window.matchMedia === undefined) {
+    return null
+  }
   const query = getColorModeQuery(mode)
   return window.matchMedia(query)
 }