kepler.gl implementation

[Laneville]

Do you know how I could implement this into kepler.gl's module?

I tried this.... but no luck

`

import React, {Component} from 'react';
import {connect} from 'react-redux';

import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
import KeplerGl from 'kepler.gl';
const MAPBOX_TOKEN = 'XXXX'; // eslint-disable-line
import Geocoder from 'react-map-gl-geocoder'

class App extends Component {

render() {
return (
<div style={{position: 'absolute', width: '100%', height: '100%', minHeight: '70vh'}}>

{({height, width}) => (

        <KeplerGl
          mapboxApiAccessToken={MAPBOX_TOKEN}
          id="map"
          ref={this.mapRef}
          width={width}
          height={height}
        >
        <Geocoder
          mapRef={this.mapRef}
          onViewportChange={this.handleGeocoderViewportChange}
          mapboxApiAccessToken={MAPBOX_TOKEN}
          position="top-left"
          
        />
        </KeplerGl>
      )}
    </AutoSizer>
    
  </div>
);

}
}

const mapStateToProps = state => state;
const dispatchToProps = dispatch => ({dispatch});

export default connect(mapStateToProps, dispatchToProps)(App);
`

[SamSamskies]

Hi @Laneville, thanks for raising this issue. Unfortunately, I haven't tried using this with kepler.gl yet. I'll look into it and let you know.