Uncaught TypeError: Cannot read property '0' of undefined

No matter what I do, I can not get the map to actually render. The box itself renders, but is empty and this error mapbox-gl.js?31ef:295 Uncaught TypeError: Cannot read property '0' of undefined appears every time i move my mouse around where the map should be. The cursor changes, so the map box is there, just empty. Below is the component that renders it:

import React from "react"
import cssModules from "react-css-modules"
import style from "./style.css"
import { connect } from 'react-redux'
import ReactMapboxGl, { Layer, Feature } from "react-mapbox-gl"

const config = {
  containerStyle: {height: "100vh", width: "100vw"},
  accessToken: "....",
  style: "mapbox://styles/mapbox/streets-v9"
};

export class Map extends React.Component {
  render() {
    return (
      <div>
        <h1>Hello</h1>
        <ReactMapboxGl
          style={config.style}
          accessToken={config.accessToken}
          containerStyle={config.containerStyle}
        />
      </div>
    )
  }
}

const mapStateToProps = state => {
  return {
    user: state.user
  }
}

export default connect(mapStateToProps)(cssModules(Map, style))

[alex3165]

Should be fixed with the version 0.9.3 😃

[Harrisonl]

@alex3165 it’s a company project so most likely not sorry. I can probably add in the webpack and package.json file though if that helps? I’ll have to add them when I get home.

On a side, is there any other dependencies I need to get this working? I reduced the london example to pretty much the exact same lines of code and replicated the webpack file from the example and it works there. I can’t figure out what the difference between the two is.