import * as React from 'react' ; import Head from 'next/head' ; import { CacheProvider } from '@emotion/react' ; import { ChungkingProvider } from '@resir014/chungking-react' ; import { NextAppProps } from '~/interfaces/next' ; import emotionCache from '~/lib/emotion-cache' ; import '~/styles/fonts' ; import '~/styles/globals.css' ; export default function MyApp ( { Component , pageProps } ) { const getLayout = Component . layout ?? ( ( children ) => children ) ; const page = getLayout ( < Component { ... pageProps } / > ) ; return ( < CacheProvider value = { emotionCache } > < Head > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" / > < /Head> < ChungkingProvider disableResetCSS disableInjection > { page } < /ChungkingProvider> < /CacheProvider>); }