Я пытаюсь настроить внешнюю ссылку в блоке, содержащем внутреннюю ссылку, управляемую с помощью activ-router. Проблема в том, что когда я нажимаю на внешнюю ссылку, меня перенаправляют не на внешнюю ссылку, а на внутреннюю ссылку блока.

1- Вот мой базовый код без ссылки на мой товар:

{amp}lt;li className="projects__item"{amp}gt; {amp}lt;div className="projects__item-logo"{amp}gt; {amp}lt;Link to={`projects/${id}`}{amp}gt; {amp}lt;img className="projects__item-media" src={Rocket} alt={name} /{amp}gt; {amp}lt;/Link{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div className="projects__item-entry"{amp}gt; {amp}lt;h3 className="projects__item-title"{amp}gt; {amp}lt;Link to={`/projects/${id}`}{amp}gt; {name.substr(name.lastIndexOf('/')   1)} {amp}lt;/Link{amp}gt; {amp}lt;/h3{amp}gt; {amp}lt;a href="test.com" target="_blank"{amp}gt; TEST {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/li{amp}gt; 

2- И код со ссылкой вокруг моего li, чтобы улучшить UX:

 {amp}lt;Link to={`projects/${id}`}{amp}gt; {amp}lt;li className="projects__item"{amp}gt; {amp}lt;div className="projects__item-logo"{amp}gt; {amp}lt;Link to={`projects/${id}`}{amp}gt; {amp}lt;img className="projects__item-media" src={Rocket} alt={name} /{amp}gt; {amp}lt;/Link{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div className="projects__item-entry"{amp}gt; {amp}lt;h3 className="projects__item-title"{amp}gt; {amp}lt;Link to={`/projects/${id}`}{amp}gt; {name.substr(name.lastIndexOf('/')   1)} {amp}lt;/Link{amp}gt; {amp}lt;/h3{amp}gt; {amp}lt;a href="test.com" target="_blank"{amp}gt; TEST {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/Link{amp}gt; 

У кого-нибудь есть идеи, пожалуйста?