pcm-shared-components 2.1.108 → 2.1.109

package/dist/components/PcSharedComponentThemeInheritor/index.js

@@ -1,19 +1,23 @@
-import React, { ReactNode } from "react";
+import React, { useMemo } from "react";
 import { createTheme, useTheme, ThemeProvider } from "@mui/material/styles";
 
 /**
- * Used to bridge the gab between MUI4 currently used in the app and MUI5 used in this library.
- * By wrapping the app with this function allows the  MUI5 theme provider to properly receive the theme eliminating the need to pass in the theme manually as a props to each component.
- *
+ * Used to bridge the gap between MUI4 currently used in the app and MUI5 used in this library.
+ * Wrapping the app with this component makes the MUI5 ThemeProvider inherit the existing theme.
  */
 export const PcSharedComponentThemeInheritor = props => {
   const {
     theme,
-    children = ReactNode
+    children
   } = props;
-  const currentTheme = createTheme(theme ? theme : useTheme());
+
+  // MUI5 theme from the parent (MUI4 theme adapter or MUI5 provider)
+  const outerTheme = useTheme();
+
+  // Build final theme once per change
+  const mergedTheme = useMemo(() => createTheme(theme || outerTheme), [theme, outerTheme]);
   return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
+    theme: mergedTheme
   }, children);
 };
 export default PcSharedComponentThemeInheritor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.1.108",
+  "version": "2.1.109",
   "private": false,
   "main": "dist/index.js",
   "babel": {