title: React Hook not working in Next.js AMP page
body: <p>Why the following are excluded from amp-rendered pages?</p>
  
  <ol>
  <li>React lifecycle methods </li>
  <li>React callbacks like onClick </li>
  <li>React Hooks</li>
  </ol>
  
  <p>My Real issue is that if I enable AMP on this page ( Uncomment 3rd line ), router.query.title will not be printed. </p>
  
  <pre><code>import { useRouter } from 'next/router';
  
  import withLayout from 'components/MyLayout';
  
  //export const config = { amp: true };
  
  const Content = () =&gt; {
    const router = useRouter();
    return (
      &lt;React.Fragment&gt;
        &lt;h1&gt;{router.query.title}&lt;/h1&gt;
        &lt;p&gt;This is the blog post content.&lt;/p&gt;
      &lt;/React.Fragment&gt;
    );
  };
  
  const Page = () =&gt; (
      &lt;Content /&gt;
  )
  
  export default withLayout(Page);
  </code></pre>