import { ThemeProvider as ThemeProvider_ , createTheme } from '@mui/material' ; import { ThemeProviderProps } from '@mui/styles' ; import { ThemeProvider as EmotionThemeProvider } from 'emotion-theming' ; import React from 'react' ; const GlobalStyles = ( ) => { createTheme ( ) ; return null ; } ; /**
 * Wraps material-ui `ThemeProvider` to also apply the theme's global css.
 */ export const ThemeProvider = ( { children , ... otherProps } ) => { return ( < EmotionThemeProvider theme = { otherProps . theme } > < ThemeProvider_ { ... otherProps } > < GlobalStyles /> { children } < /ThemeProvider_> < /EmotionThemeProvider>); } ;