React console message - <a> cannot appear as a descendant of <a>.

Question

<a href="#1">
    <a href="#2"></a>
</a>

<!--Fix the a tag layer issue, most browser will convert them into -->
<a href="#1"></a>
<a href="#2"></a>