title: axios using wrong base url
body: <p>I have a react project where I'm making requests to a third-party api. I created an axios file where I set a baseUrl for requests, and I export a function which will make a request to a particular endpoint.</p>
  <p>However, when I import and execute the function in my App.js, the request is made with localhost:3000 as the base url. Can't figure out why</p>
  <p>I made a <a href="https://codesandbox.io/s/keen-cohen-ttiiu?file=/src/App.js" rel="nofollow noreferrer">sandbox</a> to demonstrate</p>
  <p>here is the code for my axios.js file</p>
  <pre><code>import axios from 'axios'
  
  
  const instance = axios.create({
      baseUrl: `https://api.-----.com/svc/topstories/v2/`
  })
  
  export const api_key = '------------------------'
  
  export const getTopStories = async () =&gt; {
      const {data: {results}} = await instance.get(`/home.json?api-key=${api_key}`)
      return results
  }
  export default instance
  
  
  </code></pre>