App.js

import React, { Suspense } from "react"
import { RecoilRoot } from "recoil"

import Countries from "./components/Countries"

const App = () => {
    return (
        <RecoilRoot>
            <Suspense fallback="Loading...">
                <Countries />
            </Suspense>
        </RecoilRoot>
    )
}

export default App