title: how can i add source and layer to my react-map-gl
body: <p>i'm trying to add source and layers on my map and it's not rendering even though the map is being rendered.
  But whenever i change the source type to vector it worked, but the type i want to use is geojson(in order to use polygons and polyline), but it doesn't seem to work.</p>
  <p>I don't know what i'm doing wrong, i've been trying to fix this for hours, even read the documents, i still don't know what i'm doing wrong.</p>
  <p>here is the code below.</p>
  <pre><code>import ReactMapGL, {Source, Layer} from 'react-map-gl'
  
        const data = {
          type: &quot;Feature&quot;,
          geometry: {
          type: &quot;Polygon&quot;,
          coordinates: [
          [
          -107.814303,
          37.935657
          ],
          [
          -107.814424,
          37.936094
          ],
          [
          -107.816288,
          37.936826
          ],
          [
          -107.814644,
          37.940931
          ],
          [
          -107.80993,
          37.939892
          ],
          [
          -107.807686,
          37.939376
          ],
          [
          -107.80932,
          37.935416
          ],
          [
          -107.809507,
          37.935014
          ],
          [
          -107.810191,
          37.934835
          ],
          [
          -107.810765,
          37.934708
          ],
          [
          -107.811377,
          37.934732
          ],
          [
          -107.813902,
          37.935372
          ],
          [
          -107.814303,
          37.935657
          ]
          ]
          }
          }
  
  
         &lt;ReactMapGL
         mapStyle='mapbox://styles/mapbox/dark-v10'
         mapboxApiAccessToken={accessKey}
         onViewportChange={viewport =&gt; {
          setViewport(viewport)
      }}
         {...viewport}
         &gt;
         &lt;Source id=&quot;route&quot; type=&quot;geojson&quot; data={data} /&gt;
         &lt;Layer
              id=&quot;route&quot;
              type=&quot;line&quot;
              source=&quot;route&quot;
              paint={{
                'line-color': &quot;green&quot;
              }} /&gt;
  
         &lt;/ReactMapGL&gt; }
  
  </code></pre>
  <p>Thanks for the help in advance.</p>