diff --git a/packages/material-tailwind-react/src/context/theme.js b/packages/material-tailwind-react/src/context/theme.js
index b0c414ed3..35e66a3f7 100644
--- a/packages/material-tailwind-react/src/context/theme.js
+++ b/packages/material-tailwind-react/src/context/theme.js
@@ -9,7 +9,7 @@ const MaterialTailwindTheme = createContext(theme);
 MaterialTailwindTheme.displayName = "MaterialTailwindThemeProvider";
 
 function ThemeProvider({ value = theme, children }) {
-  const mergedValue = merge(theme, value, { arrayMerge: combineMerge });
+  const mergedValue = React.useMemo(() => merge(theme, value, { arrayMerge: combineMerge }), [value]);
 
   return (
     <MaterialTailwindTheme.Provider value={mergedValue}>{children}</MaterialTailwindTheme.Provider>