diff --git a/examples/form-handler/pages/_app.js b/examples/form-handler/pages/_app.js index 9bcfcc2cab0d3..a867a38df781c 100644 --- a/examples/form-handler/pages/_app.js +++ b/examples/form-handler/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { Provider } from 'react-redux' import withRedux from 'next-redux-wrapper' @@ -18,11 +18,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-antd-mobile/pages/_app.js b/examples/with-antd-mobile/pages/_app.js index 7034c0f28678f..2b211a971c4a3 100644 --- a/examples/with-antd-mobile/pages/_app.js +++ b/examples/with-antd-mobile/pages/_app.js @@ -1,12 +1,12 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import Head from 'next/head' export default class CustomApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> - + > ) } } diff --git a/examples/with-apollo-and-redux-saga/pages/_app.js b/examples/with-apollo-and-redux-saga/pages/_app.js index 6c417ad5869ba..813652edb1988 100644 --- a/examples/with-apollo-and-redux-saga/pages/_app.js +++ b/examples/with-apollo-and-redux-saga/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { Provider } from 'react-redux' import withRedux from 'next-redux-wrapper' @@ -20,11 +20,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-apollo-and-redux/pages/_app.js b/examples/with-apollo-and-redux/pages/_app.js index 3aa80de842bda..4b61ddd7a2a9a 100644 --- a/examples/with-apollo-and-redux/pages/_app.js +++ b/examples/with-apollo-and-redux/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { Provider } from 'react-redux' import withRedux from 'next-redux-wrapper' @@ -18,11 +18,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-apollo-auth/pages/_app.js b/examples/with-apollo-auth/pages/_app.js index 9c8a3eb8160fd..23e4c0f12c4b8 100644 --- a/examples/with-apollo-auth/pages/_app.js +++ b/examples/with-apollo-auth/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { ApolloProvider } from 'react-apollo' import withApollo from '../lib/withApollo' @@ -7,11 +7,9 @@ class MyApp extends App { render () { const { Component, pageProps, apolloClient } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-apollo/pages/_app.js b/examples/with-apollo/pages/_app.js index 939582cdb37e0..11338d973b2d6 100644 --- a/examples/with-apollo/pages/_app.js +++ b/examples/with-apollo/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withApolloClient from '../lib/with-apollo-client' import { ApolloProvider } from 'react-apollo' @@ -7,11 +7,9 @@ class MyApp extends App { render () { const { Component, pageProps, apolloClient } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-app-layout/pages/_app.js b/examples/with-app-layout/pages/_app.js index eb4ec4749ff13..f950555da6c2e 100644 --- a/examples/with-app-layout/pages/_app.js +++ b/examples/with-app-layout/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' class Layout extends React.Component { render () { @@ -12,11 +12,9 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-context-api/pages/_app.js b/examples/with-context-api/pages/_app.js index 06f4901ee8789..6c91c12157541 100644 --- a/examples/with-context-api/pages/_app.js +++ b/examples/with-context-api/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' /* First we import our provider */ import CounterProvider from '../components/CounterProvider' @@ -6,12 +6,10 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - {/* Then we wrap our components with the provider */} - - - - + /* Then we wrap our components with the provider */ + + + ) } } diff --git a/examples/with-fela/pages/_app.js b/examples/with-fela/pages/_app.js index 87949711ea219..ac57c53cfda32 100644 --- a/examples/with-fela/pages/_app.js +++ b/examples/with-fela/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import FelaProvider from '../FelaProvider' @@ -16,11 +16,9 @@ export default class MyApp extends App { render () { const { Component, pageProps, renderer } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-flow/pages/_app.js b/examples/with-flow/pages/_app.js index f06d244e4d116..c9bce6f84547f 100644 --- a/examples/with-flow/pages/_app.js +++ b/examples/with-flow/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import Link from 'next/link' import React from 'react' @@ -16,7 +16,7 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> @@ -36,7 +36,7 @@ export default class MyApp extends App { - + > ) } } diff --git a/examples/with-graphql-hooks/pages/_app.js b/examples/with-graphql-hooks/pages/_app.js index cf8846a5498fe..f38a9f209e665 100644 --- a/examples/with-graphql-hooks/pages/_app.js +++ b/examples/with-graphql-hooks/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withGraphQLClient from '../lib/with-graphql-client' import { ClientContext } from 'graphql-hooks' @@ -7,11 +7,9 @@ class MyApp extends App { render () { const { Component, pageProps, graphQLClient } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-graphql-react/pages/_app.js b/examples/with-graphql-react/pages/_app.js index 2253f77b8b54c..16299f7e5cfa6 100644 --- a/examples/with-graphql-react/pages/_app.js +++ b/examples/with-graphql-react/pages/_app.js @@ -1,17 +1,15 @@ import 'cross-fetch/polyfill' import { GraphQLProvider } from 'graphql-react' import { withGraphQLApp } from 'next-graphql-react' -import App, { Container } from 'next/app' +import App from 'next/app' class CustomApp extends App { render () { const { Component, pageProps, graphql } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-grommet/pages/_app.js b/examples/with-grommet/pages/_app.js index 5496f8ed63677..86409bdcd7a3b 100644 --- a/examples/with-grommet/pages/_app.js +++ b/examples/with-grommet/pages/_app.js @@ -1,16 +1,14 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { Grommet, grommet as grommetTheme } from 'grommet' export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-immutable-redux-wrapper/pages/_app.js b/examples/with-immutable-redux-wrapper/pages/_app.js index df9ec2c5319cd..cd5f0e9bfaed9 100644 --- a/examples/with-immutable-redux-wrapper/pages/_app.js +++ b/examples/with-immutable-redux-wrapper/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import { Provider } from 'react-redux' -import App, { Container } from 'next/app' +import App from 'next/app' import withRedux from 'next-redux-wrapper' import { makeStore } from '../store' import { fromJS } from 'immutable' @@ -17,11 +17,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-kea/pages/_app.js b/examples/with-kea/pages/_app.js index 712059a7c8b01..5c80d4e015abb 100644 --- a/examples/with-kea/pages/_app.js +++ b/examples/with-kea/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import { Provider } from 'react-redux' -import App, { Container } from 'next/app' +import App from 'next/app' import withRedux from 'next-redux-wrapper' import { initStore } from '../store' @@ -16,11 +16,9 @@ export default class MyApp extends App { render() { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-loading/pages/_app.js b/examples/with-loading/pages/_app.js index 9ef68dc3aa8a6..3cc2b12993772 100644 --- a/examples/with-loading/pages/_app.js +++ b/examples/with-loading/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import Link from 'next/link' import NProgress from 'nprogress' import Router from 'next/router' @@ -29,7 +29,7 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> Home @@ -46,7 +46,7 @@ export default class MyApp extends App { - + > ) } } diff --git a/examples/with-mobx-react-lite/pages/_app.js b/examples/with-mobx-react-lite/pages/_app.js index 4e84aa3c6301a..3bbc22a15bc85 100644 --- a/examples/with-mobx-react-lite/pages/_app.js +++ b/examples/with-mobx-react-lite/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { InjectStoreContext, initializeData } from '../store' @@ -21,11 +21,9 @@ class MyMobxApp extends App { render () { const { Component, pageProps, initialStoreData } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-mobx-state-tree-typescript/pages/_app.tsx b/examples/with-mobx-state-tree-typescript/pages/_app.tsx index 40f3166b63e48..80c8958440d76 100644 --- a/examples/with-mobx-state-tree-typescript/pages/_app.tsx +++ b/examples/with-mobx-state-tree-typescript/pages/_app.tsx @@ -1,6 +1,6 @@ import { Provider } from 'mobx-react' import { getSnapshot } from 'mobx-state-tree' -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { initializeStore, IStore } from '../stores/store' @@ -42,11 +42,9 @@ class MyApp extends App { public render() { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-mobx-state-tree/pages/_app.js b/examples/with-mobx-state-tree/pages/_app.js index 69ca39d662583..dbf4d103cb7e6 100644 --- a/examples/with-mobx-state-tree/pages/_app.js +++ b/examples/with-mobx-state-tree/pages/_app.js @@ -1,7 +1,7 @@ import React from 'react' import { Provider } from 'mobx-react' import { getSnapshot } from 'mobx-state-tree' -import App, { Container } from 'next/app' +import App from 'next/app' import { initializeStore } from '../stores/store' export default class MyApp extends App { @@ -35,11 +35,9 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-mobx/pages/_app.js b/examples/with-mobx/pages/_app.js index 4e641c2e4a96c..d8a517a374d38 100644 --- a/examples/with-mobx/pages/_app.js +++ b/examples/with-mobx/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { fetchInitialStoreState, Store } from '../store' import { Provider } from 'mobx-react' @@ -28,11 +28,9 @@ class MyMobxApp extends App { render() { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-next-page-transitions/pages/_app.js b/examples/with-next-page-transitions/pages/_app.js index 36ee6d6b02c3e..169ecda1071b3 100644 --- a/examples/with-next-page-transitions/pages/_app.js +++ b/examples/with-next-page-transitions/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { PageTransition } from 'next-page-transitions' import Loader from '../components/Loader' @@ -20,7 +20,7 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> - + > ) } } diff --git a/examples/with-next-seo/pages/_app.js b/examples/with-next-seo/pages/_app.js index 99268161fabe7..3e06da3df9b70 100644 --- a/examples/with-next-seo/pages/_app.js +++ b/examples/with-next-seo/pages/_app.js @@ -3,7 +3,7 @@ * that will apply to every page. Full info on how the default works * can be found here: https://github.com/garmeeh/next-seo#default-seo-configuration */ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import NextSeo from 'next-seo' @@ -22,11 +22,11 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - {/* Here we call NextSeo and pass our default configuration to it */} + /* Here we call NextSeo and pass our default configuration to it */ + <> - + > ) } } diff --git a/examples/with-orbit-components/pages/_app.js b/examples/with-orbit-components/pages/_app.js index ec4aba5dd5d32..4cea82c243168 100644 --- a/examples/with-orbit-components/pages/_app.js +++ b/examples/with-orbit-components/pages/_app.js @@ -1,5 +1,5 @@ import * as React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { getTokens } from '@kiwicom/orbit-components' import { ThemeProvider, createGlobalStyle } from 'styled-components' @@ -18,14 +18,12 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - <> - - - > - - + + <> + + + > + ) } } diff --git a/examples/with-overmind/pages/_app.js b/examples/with-overmind/pages/_app.js index a0229efbcdff9..22f679bfa8a1b 100644 --- a/examples/with-overmind/pages/_app.js +++ b/examples/with-overmind/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { createOvermind, createOvermindSSR, rehydrate } from 'overmind' import { Provider } from 'overmind-react' import { config } from '../overmind' @@ -48,11 +48,9 @@ class MyApp extends App { const { Component } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-portals-ssr/pages/_app.js b/examples/with-portals-ssr/pages/_app.js index 857f552f0156e..fb4529f376ef4 100644 --- a/examples/with-portals-ssr/pages/_app.js +++ b/examples/with-portals-ssr/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { prepareClientPortals } from '@jesstelford/react-portal-universal' if (typeof window !== 'undefined') { @@ -13,11 +13,11 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - {/* This is where we'll render one of our universal portals */} + /* This is where we'll render one of our universal portals */ + <> - + > ) } } diff --git a/examples/with-prefetching/pages/_app.js b/examples/with-prefetching/pages/_app.js index 5bf269514606c..60b62e6f16fda 100644 --- a/examples/with-prefetching/pages/_app.js +++ b/examples/with-prefetching/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import Header from '../components/Header' @@ -16,10 +16,10 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> - + > ) } } diff --git a/examples/with-react-ga/pages/_app.js b/examples/with-react-ga/pages/_app.js index bedc1d8062089..02324905f98af 100644 --- a/examples/with-react-ga/pages/_app.js +++ b/examples/with-react-ga/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import Router from 'next/router' import { initGA, logPageView } from '../utils/analytics' @@ -22,10 +22,6 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props - return ( - - - - ) + return } } diff --git a/examples/with-react-helmet/pages/_app.js b/examples/with-react-helmet/pages/_app.js index ea2d21e5f762c..a382110e61d60 100644 --- a/examples/with-react-helmet/pages/_app.js +++ b/examples/with-react-helmet/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import Helmet from 'react-helmet' export default class MyApp extends App { @@ -17,7 +17,7 @@ export default class MyApp extends App { const { Component, pageProps } = this.props return ( - + <> - + > ) } } diff --git a/examples/with-react-intl/pages/_app.js b/examples/with-react-intl/pages/_app.js index d0ab9f6837dcb..26d02bb84d05c 100644 --- a/examples/with-react-intl/pages/_app.js +++ b/examples/with-react-intl/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { IntlProvider, addLocaleData } from 'react-intl' @@ -32,15 +32,9 @@ export default class MyApp extends App { const { Component, pageProps, locale, messages, initialNow } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-react-multi-carousel/pages/_app.js b/examples/with-react-multi-carousel/pages/_app.js index 820ba2f2565ff..c7fcb6894e53a 100644 --- a/examples/with-react-multi-carousel/pages/_app.js +++ b/examples/with-react-multi-carousel/pages/_app.js @@ -3,7 +3,7 @@ This is copy paste from the with-material-ui example. */ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import Head from 'next/head' import { MuiThemeProvider } from '@material-ui/core/styles' import CssBaseline from '@material-ui/core/CssBaseline' @@ -20,7 +20,7 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - + <> react-multi-carousel @@ -36,7 +36,7 @@ class MyApp extends App { - + > ) } } diff --git a/examples/with-react-relay-network-modern/pages/_app.js b/examples/with-react-relay-network-modern/pages/_app.js index 8ace2dc764a4f..6cd73111a494a 100644 --- a/examples/with-react-relay-network-modern/pages/_app.js +++ b/examples/with-react-relay-network-modern/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import { QueryRenderer, fetchQuery } from 'react-relay' -import NextApp, { Container } from 'next/app' +import NextApp from 'next/app' import { initEnvironment, createEnvironment } from '../lib/createEnvironment' @@ -41,18 +41,16 @@ export default class App extends NextApp { ) return ( - - { - if (error) return {error.message} - else if (props) return - return Loading - }} - /> - + { + if (error) return {error.message} + else if (props) return + return Loading + }} + /> ) } } diff --git a/examples/with-react-useragent/pages/_app.js b/examples/with-react-useragent/pages/_app.js index e8eff6dfd359c..fbabe3dbc9a4e 100644 --- a/examples/with-react-useragent/pages/_app.js +++ b/examples/with-react-useragent/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { UserAgentProvider } from '@quentin-sommer/react-useragent' const PageWrapper = Comp => @@ -30,11 +30,7 @@ const PageWrapper = Comp => class MyApp extends App { render () { const { Component, pageProps } = this.props - return ( - - - - ) + return } } diff --git a/examples/with-redux-observable/pages/_app.js b/examples/with-redux-observable/pages/_app.js index 6b270a8817292..c70c4739d6af3 100644 --- a/examples/with-redux-observable/pages/_app.js +++ b/examples/with-redux-observable/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import { Provider } from 'react-redux' -import App, { Container } from 'next/app' +import App from 'next/app' import withRedux from 'next-redux-wrapper' import makeStore from '../redux' @@ -16,11 +16,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-redux-persist/pages/_app.js b/examples/with-redux-persist/pages/_app.js index 99052593fbe7a..85aa5b59ae1eb 100644 --- a/examples/with-redux-persist/pages/_app.js +++ b/examples/with-redux-persist/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withReduxStore from '../lib/with-redux-store' import { Provider } from 'react-redux' @@ -14,16 +14,14 @@ class MyApp extends App { render () { const { Component, pageProps, reduxStore } = this.props return ( - - - } - persistor={this.persistor} - > - - - - + + } + persistor={this.persistor} + > + + + ) } } diff --git a/examples/with-redux-saga/pages/_app.js b/examples/with-redux-saga/pages/_app.js index 6ac08696cef5d..1f11bb40fb1fe 100644 --- a/examples/with-redux-saga/pages/_app.js +++ b/examples/with-redux-saga/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { Provider } from 'react-redux' import withRedux from 'next-redux-wrapper' @@ -20,11 +20,9 @@ class MyApp extends App { render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-redux-thunk/pages/_app.js b/examples/with-redux-thunk/pages/_app.js index 9bc70cb3bfec6..5f4467a9dad5e 100644 --- a/examples/with-redux-thunk/pages/_app.js +++ b/examples/with-redux-thunk/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withReduxStore from '../lib/with-redux-store' import { Provider } from 'react-redux' @@ -7,11 +7,9 @@ class MyApp extends App { render () { const { Component, pageProps, reduxStore } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-redux-wrapper/pages/_app.js b/examples/with-redux-wrapper/pages/_app.js index 0d8d575f28e1f..9084d294b4244 100644 --- a/examples/with-redux-wrapper/pages/_app.js +++ b/examples/with-redux-wrapper/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import { Provider } from 'react-redux' -import App, { Container } from 'next/app' +import App from 'next/app' import withRedux from 'next-redux-wrapper' import { initStore } from '../store' @@ -17,11 +17,9 @@ export default withRedux(initStore)( render () { const { Component, pageProps, store } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-redux/pages/_app.js b/examples/with-redux/pages/_app.js index 9bc70cb3bfec6..5f4467a9dad5e 100644 --- a/examples/with-redux/pages/_app.js +++ b/examples/with-redux/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withReduxStore from '../lib/with-redux-store' import { Provider } from 'react-redux' @@ -7,11 +7,9 @@ class MyApp extends App { render () { const { Component, pageProps, reduxStore } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-rematch/pages/_app.js b/examples/with-rematch/pages/_app.js index 14d3e9236e284..dae0ed8e293e4 100644 --- a/examples/with-rematch/pages/_app.js +++ b/examples/with-rematch/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import withRematch from '../shared/withRematch' @@ -8,11 +8,9 @@ class MyApp extends App { render () { const { Component, pageProps, reduxStore } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-segment-analytics/pages/_app.js b/examples/with-segment-analytics/pages/_app.js index e1101c325eede..7a78f794332c0 100644 --- a/examples/with-segment-analytics/pages/_app.js +++ b/examples/with-segment-analytics/pages/_app.js @@ -1,6 +1,6 @@ import React from 'react' import Page from '../components/Page' -import App, { Container } from 'next/app' +import App from 'next/app' export default class MyApp extends App { static async getInitialProps ({ Component, router, ctx }) { @@ -17,11 +17,9 @@ export default class MyApp extends App { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-sentry-simple/pages/_app.js b/examples/with-sentry-simple/pages/_app.js index d28a071361254..aecbf00a48e99 100644 --- a/examples/with-sentry-simple/pages/_app.js +++ b/examples/with-sentry-simple/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import * as Sentry from '@sentry/browser' Sentry.init({ @@ -22,11 +22,7 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props - return ( - - - - ) + return } } diff --git a/examples/with-socket.io/pages/_app.js b/examples/with-socket.io/pages/_app.js index fadd1d321811b..41492bc883c13 100644 --- a/examples/with-socket.io/pages/_app.js +++ b/examples/with-socket.io/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import io from 'socket.io-client' @@ -28,11 +28,7 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props - return ( - - - - ) + return } } diff --git a/examples/with-styled-components/pages/_app.js b/examples/with-styled-components/pages/_app.js index c70767b520a7e..3a2c978aa79a9 100644 --- a/examples/with-styled-components/pages/_app.js +++ b/examples/with-styled-components/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { ThemeProvider } from 'styled-components' @@ -12,11 +12,9 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-styletron/pages/_app.js b/examples/with-styletron/pages/_app.js index bb9cecbf44ae0..264f53ad062de 100644 --- a/examples/with-styletron/pages/_app.js +++ b/examples/with-styletron/pages/_app.js @@ -1,5 +1,5 @@ import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' import { Provider as StyletronProvider } from 'styletron-react' import { styletron, debug } from '../styletron' @@ -7,11 +7,9 @@ export default class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/examples/with-tailwindcss/pages/_app.js b/examples/with-tailwindcss/pages/_app.js index d6493e19c2963..93174181a2b6d 100644 --- a/examples/with-tailwindcss/pages/_app.js +++ b/examples/with-tailwindcss/pages/_app.js @@ -1,16 +1,12 @@ import '../styles/index.css' import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' export default class MyApp extends App { render () { const { Component, pageProps } = this.props - return ( - - - - ) + return } } diff --git a/examples/with-unstated/pages/_app.js b/examples/with-unstated/pages/_app.js index 660c7389b1c92..4320447d6be57 100644 --- a/examples/with-unstated/pages/_app.js +++ b/examples/with-unstated/pages/_app.js @@ -1,4 +1,4 @@ -import App, { Container } from 'next/app' +import App from 'next/app' import React from 'react' import { Provider } from 'unstated' import { counterStore } from '../containers/CounterContainer' @@ -27,11 +27,9 @@ class MyApp extends App { render () { const { Component, pageProps } = this.props return ( - - - - - + + + ) } } diff --git a/packages/next/README.md b/packages/next/README.md index 4e4832fda8800..ec0d84f8615b4 100644 --- a/packages/next/README.md +++ b/packages/next/README.md @@ -1518,7 +1518,7 @@ To override, create the `./pages/_app.js` file and override the App class as sho ```js import React from 'react' -import App, { Container } from 'next/app' +import App from 'next/app' class MyApp extends App { // Only uncomment this method if you have blocking data requirements for @@ -1538,12 +1538,7 @@ class MyApp extends App { render() { const { Component, pageProps } = this.props - - return ( - - - - ) + return } } diff --git a/packages/next/pages/_app.tsx b/packages/next/pages/_app.tsx index 8280827e8a30c..8574ae3fd70f5 100644 --- a/packages/next/pages/_app.tsx +++ b/packages/next/pages/_app.tsx @@ -53,11 +53,7 @@ export default class App extends React.Component< render() { const { router, Component, pageProps } = this.props as AppProps const url = createUrl(router) - return ( - - - - ) + return } }
extends React.Component< render() { const { router, Component, pageProps } = this.props as AppProps const url = createUrl(router) - return ( - - - - ) + return } }