如何在next.js中使用Material UI的ThemeProvider？

npm install @material-ui/core
npm install @material-ui/styles
npm install next

import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import theme from '../path/to/your/theme'; // 替换为你自定义的主题文件路径

function MyApp({ Component, pageProps }) {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Component {...pageProps} />
    </ThemeProvider>
  );
}

export default MyApp;

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  // 在这里定义你的主题配置
});

export default theme;