<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">The <code class="notranslate">&lt;Link&gt;</code> component doesn't appear to pass on the <code class="notranslate">href</code> prop when wrapping a custom component instead of the native <code class="notranslate">&lt;a&gt;</code>.</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Here's a CodeSandbox: <a href="https://codesandbox.io/s/nextjs-qtynp" rel="nofollow">https://codesandbox.io/s/nextjs-qtynp</a></p>
<p dir="auto">I made sure to use <code class="notranslate">React.forwardRef</code>.</p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">Both of the links should have their <code class="notranslate">href</code> props populated.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS</li>
<li>Version of Next.js: 9.1.2</li>
<li>Version of React: 16.11.0</li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">It sounds unlikely that this is broken, since I assume this is one of the most commonly used codepaths. But I keep trying everything and nothing seems to work, so I figured I'd open this.</p>