Tengo un proyecto de reacción en el que hago solicitudes a una API de terceros. Creé un archivo axios donde configuré una baseUrl para solicitudes y exporté una función que realizará una solicitud a un punto final en particular.

Sin embargo, cuando importo y ejecuto la función en mi App.js, la solicitud se realiza con localhost:3000 como URL base. No puedo entender por qué

Hice una caja de arena para demostrar

aquí está el código para mi archivo axios.js

 import axios from 'axios' const instance = axios.create({ baseUrl: `https://api.-----.com/svc/topstories/v2/` }) export const api_key = '------------------------' export const getTopStories = async () => { const {data: {results}} = await instance.get(`/home.json?api-key=${api_key}`) return results } export default instance