deckgl | An R Interface to deck.gl | Graphics library

I'm working on a configurable set of map layers with Deck.GL & React. I have a BaseMap component that I'll pass layers of data to as react children.

Currently, I have this:

BaseMap:

The deck.gl MVTLayer inherits from Layer that has onHover enabled which together with pickable should give interactivity. I am trying to get interactivity to work so I can do a popup with the data I hover. But in below code, I can get the onClick event to fire, but not the onHover event. what am I doing wrong

Thanks :)

Here is a code sandbox example where I am trying to display a map inside of a specific component. But, I am not able to get the deck.gl and react-map-gl divs to live inside their parent. instead, they spill out to the extent of the document body.

The basic layout of the example is:

I have a project using a React, Mapbox, and Deck.gl stack. I'm trying to query the features on a styled map but am having trouble implementing Deck.gl's getRenderedFeatures function, even after looking at the documentation.

My current React component:

I'm trying to console.log the bounds of a Mapbox map in my React app every time I move around the map.

Here's my current attempt:

I am trying to use Editable geojsonlayer from nebula.gl, as per documentation and I am getting numerous typescript error for this library. First type of error can be found replicated and solved in their repository issues: https://github.com/uber/nebula.gl/issues/568

And after hours of hunting and finding the solution above, I am able to draw a polygon using DrawPolygoneMode, but when I close the polygon, I am getting the following error:

I'm trying to use a CARTO basemap (@deck.gl/carto) with Deck.GL (@deck.gl/react) in a React application. To render a map layer, the docs utilize Mapbox's component from react-map-gl.

However, when I pass CARTO's free basemap BASEMAP.VOYAGER as a property to the component, it refuses to show the map because I don't have a Mapbox access token.

So, I registered and got a Mapbox token and it works just fine, like below:

I'm following this example that puts Mapbox labels on top of a layer. This seems to be written using the plain Mapbox package. I'm hoping to do the same for a map component in DeckGL.

The relevant code from the example:

I'm using Deck.gl to render a Mapbox map. I'm hoping to add inertia when panning with the cursor. However, adding inertia={100}, or any number, doesn't add inertia. I'm following this guide from Deck.gl.

Here is my simplified code: