Responsive Countries API with react.js and tailwind css with dark mode

My thoughts: So although I've managed to complete the challenge, there were definitely some challenges in the way that I was not able to solve.

One of them was working with the API. It was such a pain. This API's data fields are not consistent throughout the countries. Some don't have capital, some don't have native names, etc. I was constantly getting errors in my application.

Also, I don't know how to display "unknown" elements inside an object in the HTML structure. Like we can use the map function for arrays, but I don't know how to display items if they are inside an object. Specifically, some fields like languages and currencies were inside an object.

So if someone knows how to solve these problems, guidance would be appreciated.

Edit: fixed the "displaying object children" issue!