import Head from 'next/head' ; import { AppProps } from 'next/app' ; import * as React from 'react' ; import { NextPage } from 'next' ; import { ApolloProvider } from '@apollo/client' ; import { useApollo } from 'server/client' ; import { ChakraProvider } from '@chakra-ui/react' ; import theme from 'theme' ; import '@paljs/admin/style.css' ; const MyApp = ( { Component , pageProps } ) => { const apolloClient = useApollo ( pageProps . initialApolloState ) ; return ( < > < Head > < title > Great PalJs App < /title> < link rel = "shortcut icon" href = "/favicon.ico" / > < meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" / > < /Head> < ChakraProvider theme = { theme } > < ApolloProvider client = { apolloClient } > < Component { ... pageProps } / > < /ApolloProvider> < /ChakraProvider> < />); } ; export default MyApp ;