title: React simple maps load topo-json parse issue
body: <p>I am following the guide for react-simple-maps npm documentation to get a map up and running so I can have a play with it. </p>
  
  <p>The code sample I am using is from the usage section at the following link:</p>
  
  <blockquote>
    <p><a href="https://www.npmjs.com/package/react-simple-maps#Geographies-component" rel="nofollow noreferrer">https://www.npmjs.com/package/react-simple-maps#Geographies-component</a></p>
  </blockquote>
  
  <p>The issue I have is with the topojson file loading:</p>
  
  <pre><code> &lt;Geographies geographyUrl={ "/path/to/your/topojson-map-file.json" }&gt;
  </code></pre>
  
  <p>When trying to load the topojson file I seem to keep getting:</p>
  
  <pre><code>SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  </code></pre>
  
  <p>error whenever it attempts to load the file. </p>
  
  <p>It happens at Geographies.js line 52 at the following statement:</p>
  
  <pre><code>request.open("GET", geographyUrl, true);
  </code></pre>
  
  <p>I am using one of the topojson files that it uses in the example from their GitHub page so the JSON is correct. </p>
  
  <p>Within my React application I have the topojson file located at:</p>
  
  <pre><code>src/static/topo-data.json
  </code></pre>
  
  <p>I have tried different ways of loading the JSON file into the component page such as importing it:</p>
  
  <pre><code>import data from '../../static/topo-data.json'
  </code></pre>
  
  <p>I used create-react-app to create the application and as far as I am aware Json-loader comes as default. </p>
  
  <p>I have also just put the full path into the geographyUrl section with no luck.</p>
  
  <p>When I have debugged the code to look at the response.responseText it isn't the JSON file it is just the index.html file of my own application. I assume it is the way I am loading the file is incorrectly. </p>