Countries.js

import React from "react"
import { useRecoilValue } from "recoil"
import { countriesQuery } from "../state/api"

const Countries = () => {
    const countries = useRecoilValue(countriesQuery)
    return (
        <ul>
            {Object.keys(countries).map((alpha2) => {
                return <li key={alpha2}>{countries[alpha2].name}</li>
            })}
        </ul>
    )
}

export default Countries