I’m getting the error `Encountered two children with the same key, `t`.`

What I’m trying to do is pull a name of a football player from an NFL API then use that name as a link to their page. For this error it’s combining all the links into one link which is very weird because when I was just testing all my routes without the api it worked and did not do this. It’s outputting something like this TaaotaTarlaoaortaJoshAllen to the page instead of just each player’s name then a space and another player’s name. It should be like (Bold means link):
Tua Tagovailoa Patrick Mahomes Joe Burrow Josh Allen

Side note: I feel like it’s definitely pulling data from the api just not how I want to. It’s sorta making out the names that are pulled from the api just all as one link but I want multiple links.

This is how it worked without the API and outputted like shown below:
Special Team 1 Special Team 2 Special Team 3 Special Team 4

import { Link } from "react-router-dom"
import _navbar from "../NavBar/navbar";

export default function _specialTeamsPage() {
    const specialteams = [1, 2, 3, 4, 5];

    return (
        <>
        <_navbar />
        <div>
            {specialteams.map((specialteam) => (
                <Link key={specialteam} to={`/specialteam/${specialteam}`}>
                    Special Team {specialteam}
                </Link>
            ))}
        </div>
        </>
    );

}

This is the code block with the API that is not working:

import { Link } from "react-router-dom";
import _navbar from "../NavBar/navbar";
import React, { useEffect, useState } from "react";
import styles from './card.module.css';

export default function _quarterbacksPage() {
    const quarterbacks = [3139477, 4241479, 3918298, 3915511, 2577417];
    const [names, setNames] = useState([]);
    for (let i = 0; i < quarterbacks.length; i++){
        const options = {
            method: 'GET',
            headers: {
                'x-rapidapi-key': 'secret key',
                'x-rapidapi-host': 'nfl-api-data.p.rapidapi.com'
            }
        };
    
        const FullNameUrl = 'https://nfl-api-data.p.rapidapi.com/nfl-ath-fullinfo?id=' + quarterbacks[i];
        const fetchFullName = async () => {
            fetch(FullNameUrl, options)
            .then(response => response.json())
            .then(response => {
                const name = response.athlete.fullName;
                setNames([...names, ...name]);
                
            })
        };
    
        useEffect(() => {
            fetchFullName();
        }, []);
    }


    return (
        <>
            <div>
                <_navbar />
                {names.map((name) => (
                    <Link key={name} to={`/quarterback/${name}`}>
                    {name}
                    </Link>

                ))}
            
            </div>
        </>
    );
}