import dynamic from 'next/dynamic'

const BrowserLoaded = dynamic(async () => () => <div>Browser hydrated</div>, {
  ssr: false,
})

export default () => (
  <div>
    <div>Nested 2</div>
    <BrowserLoaded />
  </div>
)
