Ip Tracker Challenge using Next.js and TailwindCSS

This one quite difficult for me, I need to learn more about fetching data etc.

I have difficult in optimizing to fetch the API efficiently, I spend hours just trying to figuring out to make the API doesn't fetch more than once after the page is loaded.

I also have trouble to displaying the custom icon for the map.

If you looked into my code and have some suggestion on it, please kindly comment on this post, I would be delighted if I could improve this challenge.