rsnext/test/integration/next-dynamic/pages/index.js
Joe Haddad 18a9c7e371
Improve linting rules to catch more errors (#9374)
* Update `packages/`

* Update examples

* Update tests

* Update bench

* Update top level files

* Fix build

* trigger
2019-11-10 19:24:53 -08:00

25 lines
612 B
JavaScript

import dynamic from 'next/dynamic'
import { useState, useEffect } from 'react'
const One = dynamic(() => import('../components/one'))
const Two = dynamic(() => import('../components/two'))
const Three = dynamic(() => import('../components/three'))
export default () => {
const [firstRender, setFirstRender] = useState('the-server-value')
useEffect(() => {
setFirstRender(document.getElementById('foo').innerHTML)
}, [])
return (
<>
<div id="foo">
Index
<One />
<Two />
<Three />
</div>
<div id="first-render">{firstRender}</div>
</>
)
}