def leibniz(iter,ini=ini):
    suma = True
    pia = 0
    for i in range(iter):
        if i == 0:
            pia = 1/ini
            ini+=2
            continue
        else:
            pi4 = 1/ini
            # print(f"division:{pi4}\npi anterioir: {pia} \nitertaion: {i}")
            if suma:
                # print(f"pia:{pia},   pi4:{pi4}")
                pia +=pi4
            else:
                pia -=pi4
            suma = not suma
            ini += 2
    pi = (1-pia)*4
    print(pi)

<div className="media grid">
  <div className="media-item">
    <a href={twitterUrl}>
      <FontAwesomeIcon icon={faTwitter} />
    </a>
  </div>
  <div className="media-item">
    <a href={instagramUrl}>
      <FontAwesomeIcon icon={faInstagramSquare} />
    </a>
  </div>
  <div className="media-item">
    <a href={githubUrl}>
      <FontAwesomeIcon icon={faGithub} />
    </a>
  </div>
  <div className="media-item">
    <a href={linkedinUrl}>
      <FontAwesomeIcon icon={faLinkedin} />
    </a>

En mi archivo App.jsx
const App = () => {
  const [data, setData] = useState({
    social: [],
  });

  useEffect(() => {
    getData('http://localhost:3000/data').then(jsonData => setData(jsonData));
  }, []);
}

return(
  <>
    <Header social={data.social}/>
);

function Header({social}){
  return(
    {social.map((item, index) => (
      <div className="media-item" key={item.id}>
        <a href={item.url} name="{item.name}">
          <FontAwesomeIcon icon="" />
        </a>
      </div>
    ))}
  );
}

def check_name(name):
    chack = False
    nums = ["1","2","3","4","5","6","7","8","9","0"]
    for i in name:
        if i not in nums:
            check = True
        else: return
    return check

Bueno, ahora si tengo mas clara mi duda:

Estoy intentando mostrar unos iconos en react, los cuales reciben unos datos desde un API. Sin embargo, lo que no tengo idea es como pasarle los iconos para que se rendericen con la información:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
  faTwitter,
  faInstagramSquare,
  faGithub,
  faLinkedin,
} from '@fortawesome/free-brands-svg-icons';


function Header({ social }){
  return(
    {social.map((item, index) => (
      <div className="media-item" key={item.id}>