Implement an infinitely scrolling list of country names in JS using React web

Hello,
I would appreciate your help: we’re trying to implement an Infinitely scrolling list on our mobile app (https://www.davidayo.com/).

Requirements
You should implement a list that will render a single country name in each item. The initial solution contains the View , FlatList components and renderItem callback that contain expected styling. Do not change the styling. Initially, the list should be empty. Once the page loads you have to fetch initial data from the mocked up API endpoint.

For example- This endpoint is available under the https://example.com/countries address. Initially, the page should be populated with exactly 20 country names. I can send you a photo if you dont mind.

Thanks you in advance,
Looking forward to hearing from you soon
David