text: import dynamic from 'next/dynamic'
  
  const Hello = dynamic(() => import('../components/hello'), { ssr: true })
  
  export default () => {
    // make sure we handle this syntax correctly
    const { hi } = process.env
    console.log(hi)
    return (
      <>
        <p>hi there 👋</p>
        <Hello />
      </>
    )
  }
  