[Solved]-Brand and Regular fonawesome is not rendering-Reactjs

import react from "react";
import reactdom from "react-dom";
import { fontawesomeicon } from '@fortawesome/react-fontawesome'
import { fafacebook, fatwitter } from '@fortawesome/free-brands-svg-icons'

import "./styles.css";

function app() {
  return (
    <div classname="app">
        <ul>
          <li>
            <a href="#" classname="facebook"><fontawesomeicon icon={fafacebook}/></a>
          </li>
          <li>
            <a href="#" classname="twitter"><fontawesomeicon icon={fatwitter}/></a>
          </li>
        </ul>
    </div>
  );
}

const rootelement = document.getelementbyid("root");
reactdom.render(<app />, rootelement);

look for icons here in github repo for fontawesome