Use Nextjs integration for Mui

src/theme.js

@@ -0,0 +1,18 @@
+'use client'
+
+import {Roboto} from 'next/font/google'
+import {createTheme} from '@mui/material/styles'
+
+const roboto = Roboto({ // eslint-disable-line new-cap
+  weight: ['300', '400', '500', '700'],
+  subsets: ['latin'],
+  display: 'swap',
+})
+
+const theme = createTheme({
+  typography: {
+    fontFamily: roboto.style.fontFamily,
+  },
+})
+
+export default theme