fix: significant performance improvement by adding memoization

nshenderov · Oct 4, 2024 · 16a30ff · 16a30ff
1 parent f34fcec
commit 16a30ff
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/admin/src/components/Input/components/GlobalStyling.jsx b/admin/src/components/Input/components/GlobalStyling.jsx
@@ -15,7 +15,7 @@ const getSystemColorScheme = () =>
     ? 'dark'
     : 'light';
 
-export const GlobalStyling = () => {
+const GlobalStyling = () => {
   const { theme: userTheme, dontMergeTheme } = globalThis.SH_CKE_CONFIG || {};
 
   const profileTheme = getProfileTheme();
@@ -29,3 +29,7 @@ export const GlobalStyling = () => {
 
   return <GlobalStyle theme={theme} variant={variant} />;
 };
+
+const MemoizedGlobalStyling = React.memo(GlobalStyling);
+
+export { MemoizedGlobalStyling as GlobalStyling };
diff --git a/admin/src/components/Input/index.jsx b/admin/src/components/Input/index.jsx
@@ -56,4 +56,6 @@ Input.propTypes = {
   placeholder: PropTypes.string,
 };
 
-export default Input;
+const MemoizedInput = React.memo(Input);
+
+export default MemoizedInput;