fix(system): fix caching issue with value with different types

styled-components · Nov 5, 2021 · 4a6ded3 · 4a6ded3
1 parent af10d59
commit 4a6ded3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/system/src/style.ts b/packages/system/src/style.ts
@@ -64,7 +64,7 @@ export const themeGetter = <T = any>({
       if (!string(value) && !num(value) && value !== true) {
         return res as CSSScalar
       }
-      const cacheKey = `${value}-${defaultValue}`
+      const cacheKey = `${typeof value}-${value}-${defaultValue}`
       const cache = getCache<CSSScalar>(props.theme, `__themeGetter${id}`)
       if (cache.has(cacheKey)) return cache.get(cacheKey)