title: Unable to Load Vanilla GeoJSON in Openlayers 5
body: <p>I'm starting with some valid GeoJSON which I've built using <a href="https://geojson.io" rel="nofollow noreferrer">https://geojson.io</a>. My desire is to load it in an Openlayers 5 map. </p>
  
  <p>I started with <a href="https://openlayers.org/en/latest/examples/geojson.html" rel="nofollow noreferrer">this tutorial</a>, and attempted to use a remote source in place of a local one. The relevant block looks like the following:</p>
  
  <pre class="lang-js prettyprint-override"><code>
  var map = new Map({
    layers: [
      new TileLayer({
        source: new OSM()
      })
    ],
    target: "map",
    view: new View({
      center: [-13739617.939346, 6179221.917031],
      zoom: 11
    })
  });
  
  map.once("postrender", () =&gt; {
    axios.get(jsonUrl).then(({ data } = {}) =&gt; {
      const jsonSource = new VectorSource({
        features: new GeoJSON().readFeatures(data, {
          featureProjection: "EPSG:4326"
        })
      });
  
      const jsonLayer = new VectorLayer({
        source: jsonSource,
        style: jsonStyleFunction
      });
  
      map.addLayer(jsonLayer);
    });
  });
  
  </code></pre>
  
  <p>When I fail to load, I was able to use console logs to determine that there the breaking point wasn't the get request. I was also able to see the there was the same number of <code>featureChangeKeys_</code> in the <code>jsonSource</code> const as there were features in my JSON object:</p>
  
  <pre><code>featureChangeKeys_:
  39: (2) [{…}, {…}]
  41: (2) [{…}, {…}]
  43: (2) [{…}, {…}]
  45: (2) [{…}, {…}]
  47: (2) [{…}, {…}]
  </code></pre>