Memoize getGeneratedStyleMapping instead

src/components/package.json

@@ -23,9 +23,11 @@
   "dependencies": {
     "@eva-design/dss": "^2.0.0",
     "@eva-design/processor": "^2.0.0",
+    "fecha": "3.0.3",
     "hoist-non-react-statics": "^3.2.1",
     "lodash.merge": "^4.6.1",
-    "fecha": "3.0.3"
+    "memoize-one": "^5.1.1",
+    "react-fast-compare": "^3.2.0"
   },
   "peerDependencies": {
     "react-native-svg": "^9.13.6"

src/components/theme/style/styleConsumer.service.ts

@@ -9,6 +9,8 @@ import {
   ControlThemedStyleType,
   ThemedStyleType,
 } from '@eva-design/dss';
+import isEqual from 'react-fast-compare';
+import memoizeOne from 'memoize-one';
 import { StyledComponentProps } from './styled';
 import {
   Interaction,
@@ -49,6 +51,8 @@ export class StyleConsumerService {
 
       console.error(message);
     }
+
+    this.getGeneratedStyleMapping = memoizeOne(this.getGeneratedStyleMapping.bind(this), isEqual)
   }
 
   public createDefaultProps<P extends object>(): StyledComponentProps {

yarn.lock

@@ -10105,6 +10105,11 @@ mem@^4.0.0:
     mimic-fn "^2.0.0"
     p-is-promise "^2.0.0"
 
+memoize-one@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
+  integrity sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA==
+
 memory-fs@^0.4.0, memory-fs@^0.4.1, memory-fs@~0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
@@ -12741,6 +12746,11 @@ react-error-overlay@^6.0.1:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108"
   integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==
 
+react-fast-compare@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
+  integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
+
 react-is@^16.12.0, react-is@^16.13.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.9.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"