react-map-gl VS xstate

I use this heavily https://visgl.github.io/react-map-gl/ and it's amazing for building complex maps with rich overlays, but you won't get a search box for countries out of the box.

And it points to version 6.1 documentation at https://github.com/visgl/react-map-gl/tree/6.1-release/docs

To display the data on a map let's install the ReactMapGL component.

I'm working on a React app with a mapbox component and am trying to understand the use case for react-map-gl vs the examples on the Mapbox site that just use mapbox-gl. From the React GitHub issues they mention this in regards to performance -

react-map-gl - is a solution from uber, perhaps the most sophisticated among others, one of the main drawbacks: Steep learning curve, having sufficiently rich functionality, including for managing state, it is rather difficult to understand the library api Has almost 1MB bundle size, which is quite a lot

React-map-gl docs

mapbox is used to create high-quality maps and react-map-gl is a wrapper around mapbox for react.

https://github.com/alex3165/react-mapbox-gl or https://visgl.github.io/react-map-gl/

XState is a powerful library with comprehensive documentation. Keeping the documentation handy while building your next app with XState will be invaluable.

XState is an excellent library that simplifies the utilization of actors in JavaScript applications. While this article focuses on using React, these principles apply equally well to other frameworks. In fact, they can be implemented anywhere JavaScript is executed.

In this article, I want to share a personal journey of discovery in the world of state management. My path led me to XState, a tool that I believe is the best choice for managing state in modern applications like React, Angular, Vue, and others. This isn't just a professional advice; it's a personal recommendation based on real-world experience.

You add the current user state to a React Context or state management library, read from it on the top bar, and write to it after a user signs in. Done. No big deal, right?

Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.