我刚试着用Poke API列出所有来自1代的口袋妖怪，但是在用axios和Map数组获得数据后，我收到了重复的项目。你有什么想法如何修复它吗？这是我第一个用API的项目。

import React from "react";
import Card from "./Card";
import axios from "axios";

export default function Main() {
  const [allPokemons, setAllPokemons] = React.useState([]);

  React.useEffect(() => {
    axios.get("https://pokeapi.co/api/v2/pokemon?limit=151").then((res) => {
      const pokeUrls = res.data.results.map((pokemon) => pokemon.url);

      pokeUrls.map((url) =>
        axios.get(url).then((res) => {
          setAllPokemons((urls) => [...urls, res.data]);
        })
      );
    });

    
  }, [0]);

  console.log(allPokemons);

  const pokemonCard = allPokemons.map((pokemon) => (
    <Card
      name={pokemon.name}
      key={pokemon.id}
      id={pokemon.id}
      img={pokemon.sprites.front_default}
      type={pokemon.types[0].type.name}
    />
  ));

  return <div className="main-container">{pokemonCard}</div>;
}

我试图改变：

pokeUrls.map((url) =>
        axios.get(url).then((res) => {
          setAllPokemons((urls) => [...urls, res.data]);
        })
      );
    });

至：

pokeUrls.map((url) =>
        axios.get(url).then((res) => {
          setAllPokemons(res.data);
        })
      );
    });

但不幸的是，在这种情况下，我收到了错误：“未捕获的类型错误：allPokemons.map不是函数”