Completely turning off validateDOMNesting in React 17 - reactjs

Question

Constantly while testing, I get these extremely tall and hideous errors saying something like this: Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. They flood my console and make it hard to differentiate other errors that I actually care about.
These checks are apparently non-configurable (based on the pages and pages of closed issues asking for an option to change them) so I would just like to turn them off. As React does not accept feature requests, support requests or questions at all, I was directed to ask the question here instead. (Please correct me if Stack Overflow is not the right place to ask this)
My use-case for this is rendering a Markdown description inside of a clickable tile. Since the tile is clickable and leads to a different route, it is a link. But, since some descriptions also have links in them, React gets really mad and throws giant errors in console.
I have read an answer here that said nesting anchor elements is forbidden in HTML - in this case, I simply don't care, as that is literally what it means to allow links in Markdown rendered inside another link.

Answer 1

What about overlaying your link instead of wrapping it around the other HTML?
Something like:
.container {
position: relative;
}
.link {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
transition: 1s background-color;
}
.link:hover {
background-color: rgba(0, 0, 200, 0.2);
}
<div class=container>
<a class=link href="goes-somewhere"></a>
<div class=markdown>
<h1>My markdown</h1>
<a class=some-other-link href="goes-somewhere-else">this one is in the document</a>
</div>
</div>