2019-08-22 22:19:15 +02:00
|
|
|
import App from 'next/app'
|
2018-04-12 10:33:22 +02:00
|
|
|
import React from 'react'
|
2019-02-19 22:45:07 +01:00
|
|
|
import { setState } from '../shared-module'
|
2018-07-24 11:24:40 +02:00
|
|
|
|
|
|
|
setState(typeof window === 'undefined' ? 'UPDATED' : 'UPDATED CLIENT')
|
2018-04-12 10:33:22 +02:00
|
|
|
|
|
|
|
class Layout extends React.Component {
|
|
|
|
state = {
|
2019-11-11 04:24:53 +01:00
|
|
|
random: false,
|
2018-04-12 10:33:22 +02:00
|
|
|
}
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
componentDidMount() {
|
2019-02-19 22:45:07 +01:00
|
|
|
this.setState({ random: Math.random() })
|
2018-04-12 10:33:22 +02:00
|
|
|
}
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
render() {
|
2019-02-19 22:45:07 +01:00
|
|
|
const { children } = this.props
|
|
|
|
const { random } = this.state
|
2019-05-30 03:19:32 +02:00
|
|
|
return (
|
|
|
|
<div>
|
2019-11-11 04:24:53 +01:00
|
|
|
<p id="hello-app">Hello App</p>
|
|
|
|
<p id="hello-hmr">Hello HMR</p>
|
|
|
|
<p id="random-number">{random}</p>
|
2019-05-30 03:19:32 +02:00
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
)
|
2018-04-12 10:33:22 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default class MyApp extends App {
|
2019-11-11 04:24:53 +01:00
|
|
|
static async getInitialProps({ Component, router, ctx }) {
|
2019-03-17 17:43:03 +01:00
|
|
|
// throw _app GIP err here
|
2018-04-12 10:33:22 +02:00
|
|
|
let pageProps = {}
|
|
|
|
|
|
|
|
if (Component.getInitialProps) {
|
|
|
|
pageProps = await Component.getInitialProps(ctx)
|
|
|
|
}
|
|
|
|
|
2019-02-19 22:45:07 +01:00
|
|
|
return { pageProps }
|
2018-04-12 10:33:22 +02:00
|
|
|
}
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
render() {
|
2019-02-19 22:45:07 +01:00
|
|
|
const { Component, pageProps } = this.props
|
2019-05-30 03:19:32 +02:00
|
|
|
return (
|
2019-08-22 22:19:15 +02:00
|
|
|
<Layout>
|
|
|
|
<Component {...pageProps} />
|
|
|
|
</Layout>
|
2019-05-30 03:19:32 +02:00
|
|
|
)
|
2018-04-12 10:33:22 +02:00
|
|
|
}
|
|
|
|
}
|