render Link or

есть в реакт приложении 3 табы, таба 1, таба 2, таба 3. В чем загвостка, есть код, немного для примера унифицирован

const links = {
  [
    {name: '1', url: 'some url1'},
    {name: '2', url: 'some url2'},
    {name: '3', url: 'some url3'},
  ],
};

links.map(({name, url}) => {
  return (
    <Link
        key={name}
        to={url}
    >
        <span>{name}</span>
    </Link>
  );
})

нужно его переделать так, чтобы на выходе я имел такого рода, если я нахожусь(кликнул) либо на табе/линке "1" или "3", то я получу такое:

<Link to="some url1">1</Link>
<a href="some url2">2</Link>
<Link to="some url3">3</Link>

а если я кликну на табу/линку "2", то:

<a href="some url1">1</Link>
<Link to="some url2">2</Link>
<a href="some url3">3</Link>

помогите правильно сделать логику, моих не больших знайний, увы, недостаточно пока