Fix imports

app/theme-registy.js

@@ -1,7 +1,8 @@
 'use client'
 
 import PropTypes from 'prop-types'
-import {experimental_extendTheme as extendTheme, Experimental_CssVarsProvider as CssVarsProvider, getInitColorSchemeScript} from '@mui/material/styles'
+import {extendTheme, ThemeProvider} from '@mui/material/styles'
+import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'
 import CssBaseline from '@mui/material/CssBaseline'
 
 import {grey, green, yellow} from '@mui/material/colors'
@@ -65,14 +66,14 @@ export default function ThemeRegistry(props) {
 
   return (
     <>
-      {getInitColorSchemeScript()}
+      <InitColorSchemeScript />
       <PlausibleProvider domain='oki.re'>
         <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
-          <CssVarsProvider theme={theme}>
+          <ThemeProvider theme={theme}>
             <CssBaseline enableColorScheme />
             <ChanjeTem />
             {children}
-          </CssVarsProvider>
+          </ThemeProvider>
         </NextAppDirEmotionCacheProvider>
       </PlausibleProvider>
     </>