REST Countries API using React.js | React-Router | Radix UI

What are you most proud of, and what would you do differently next time?

I utilized the react-router-dom and it's hooks like useParams and useSearchParams to be able to pass data to another page using loader and implemented searchParam to store value in URL while using it as a useState for input and other.

Practiced with .filter method for filtering list and Object function to extract values from API data.

What specific areas of your project would you like help with?

Thanks to @AlexMarshall he helped me solving the border countries and displaying it by names using Destructure Assignment [] for targeting single array value then fetching borders data.

I got the double tab bug fixed by implementing a Timeout delayed function for toggling open state true & false

Any feedback on improving is very welcome :)