Tipando resposta da API

Tipando resposta da API

Para a tipagem de resposta da API precisamos criar dois types

type ProfileResponse = {
  name: string;
  avatar_url: string;
}

type User = {
  name: string;
  avatar: string;
}

Importar as propriedades do nosso type no useEffect():

useEffect(() => {
    async function fetchData() {
      const response = await fetch('https://api.github.com/users/rodrigorgtic');
      const data = await response.json() as ProfileResponse;

      setUser({
        name: data.name,
        avatar: data.avatar_url,
      });
    }

    fetchData();
  }, []);

E modificar o nosso estado:

const [students, setStudents] = useState<CardProps[]>([]);