REST Countries API built with Next.js/React.js, styled with SCSS

Hi fellow coders, Here is my final solution. The most difficult part was figuring out how to display the flag images, as they are all different sizes. I decided to "crop" a number of them on the home page so they would all appear as the same size, rather than distorting the dimensions. I'm curious if anyone has a better solution for this? I also decided to concurrently update the "results" on the home page as the user types into the search input element, rather than waiting for them to press enter. It seems to work fine but I'm wondering if that would be a bad idea for someone with a slower device? Not sure. Any other feedback is welcome! Thanks.