import { NextPage } from 'next'

const Page: NextPage<{ userAgent: string }> = ({ userAgent }) => (
  <>
    <p>Hello, World!</p>
    <p>user agent: {userAgent}</p>
  </>
)

Page.getInitialProps = async ({ req }) => {
  const userAgent = req ? req.headers['user-agent'] || '' : navigator.userAgent
  return { userAgent }
}

export default Page