34 lines
986 B
TypeScript
34 lines
986 B
TypeScript
|
import React from 'react'
|
||
|
|
import App from 'next/app'
|
||
|
|
import CssBaseline from '@material-ui/core/CssBaseline'
|
||
|
|
import { ThemeProvider } from 'theme-ui'
|
||
|
|
import { theme } from '../theme/theme'
|
||
|
|
|
||
|
|
class MyApp extends App {
|
||
|
|
// Only uncomment this method if you have blocking data requirements for
|
||
|
|
// every single page in your application. This disables the ability to
|
||
|
|
// perform automatic static optimization, causing every page in your app to
|
||
|
|
// be server-side rendered.
|
||
|
|
//
|
||
|
|
// static async getInitialProps(appContext) {
|
||
|
|
// // calls page's `getInitialProps` and fills `appProps.pageProps`
|
||
|
|
// const appProps = await App.getInitialProps(appContext);
|
||
|
|
//
|
||
|
|
// return { ...appProps }
|
||
|
|
// }
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { Component, pageProps } = this.props
|
||
|
|
return (
|
||
|
|
<React.Fragment>
|
||
|
|
<ThemeProvider theme={theme}>
|
||
|
|
<CssBaseline />
|
||
|
|
<Component {...pageProps} />
|
||
|
|
</ThemeProvider>
|
||
|
|
</React.Fragment>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default MyApp
|