theme: add StyledEngineProvider for v5 theme

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
2022-12-31 18:03:17 +01:00
parent 8bca331617
commit 3eca9ee94c
1 changed files with 6 additions and 1 deletions
@@ -20,6 +20,7 @@ import {
  ThemeProvider as Mui4Provider,
 } from '@material-ui/core/styles';
 import {
+  StyledEngineProvider,
  Theme as Mui5Theme,
  ThemeProvider as Mui5Provider,
 } from '@mui/material/styles';
@@ -63,7 +64,11 @@ export function UnifiedThemeProvider(

  const v5Theme = theme.getTheme('v5');
  if (v5Theme) {
-    result = <Mui5Provider theme={v5Theme as Mui5Theme}>{result}</Mui5Provider>;
+    result = (
+      <StyledEngineProvider injectFirst>
+        <Mui5Provider theme={v5Theme as Mui5Theme}>{result}</Mui5Provider>
+      </StyledEngineProvider>
+    );
  }

  return result;