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'}}> <AutoSizer> {({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.