fix(cache): fix object keys caching (#383)

Stringify objects before caching them.
styled-components · Oct 5, 2022 · 879708c · 879708c
1 parent c35d470
commit 879708c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/system/src/style.ts b/packages/system/src/style.ts
@@ -186,9 +186,10 @@ const getStyleFactory = (
     const value = props[prop]
     if (!is(value)) return null
     const cache = getCache<CSSObject | null | undefined>(props.theme, prop)
-    if (cache.has(value)) return cache.get(value)
-    const style = fromValue(props[prop])
-    cache.set(value, style)
+    const key = obj(value) ? JSON.stringify(value) : value
+    if (cache.has(key)) return cache.get(key)
+    const style = fromValue(value)
+    cache.set(key, style)
     return style
   }
 }