import React from "react"; import { AppProps } from "next/app"; import { ApolloProvider } from "@apollo/client"; import Head from "next/head"; import { ThemeProvider } from "@material-ui/core/styles"; import CssBaseline from "@material-ui/core/CssBaseline"; import theme from "../lib/theme"; import { useApollo } from "../lib/graphql"; function App({ Component, pageProps }: AppProps): JSX.Element { const apolloClient = useApollo(pageProps.initialApolloState); React.useEffect(() => { // Remove the server-side injected CSS. const jssStyles = document.querySelector("#jss-server-side"); if (jssStyles) { jssStyles.parentElement.removeChild(jssStyles); } }, []); return ( gurp ); } export default App;