next.js/test/integration/dynamic-routing/pages/[name]/[comment].js

import { useRouter } from 'next/router'

const Comment = ({ gipQuery }) => {
  const router = useRouter()
  const { query } = router

  return (
    <>
      <p id="asdf">
        I am {query.comment} on {query.name}
      </p>
      <span data-testid="gip-query">gip {gipQuery && gipQuery.name}</span>
    </>
  )
}

Comment.getInitialProps = async ({ query }) => {
  return { gipQuery: query }
}

export default Comment