Приложение React на выделенном сервере в режиме разработки не всегда обслуживает данные из запроса API

Question

Я использую выделенный сервер с приложением React, которое находится в режиме разработки. По большей части он работает по IP-адресу сервера, и все те, кто находится в сети (малый бизнес), могут подключаться и свободно взаимодействовать.

С учетом сказанного, бывают моменты, когда браузер не загружает соответствующийданные. Я опрашиваю данные каждую 1 секунду (очень корректный метод; используется setInterval). Ребята, вы не знаете, почему он не загружается на клиентской стороне при подключении к правильному IP-адресу?

Вот мой setInterval код:

  componentDidMount(){
    this.timer = setInterval(() => [this.getData(), this.getCustData()], 1000);
  }
// fix unmount
  componentWillUnmount(){
    this.timer && clearInterval(this.timer);
    this.timer = false
  }

А здесьВот как выглядят мои GET функции запроса:

  getData = () => {
      axios.get('http://localhost:3001/api/v1/pickup_deliveries')
        .then((response) => {
            this.setState({
              apiData: response.data
            })
          })
        .catch((error)=>{console.log(error);});
  }

    getCustData = () => {
      axios.get('http://localhost:3001/api/v1/customers')
        .then((response) => {
            this.setState({
              custData: response.data
            })
          })
        .catch((error)=>{console.log(error);});
  }

Ничего особенного, и, как я уже сказал, это работает большую часть времени, но слишком часто приходится буквально перезагружать браузери еще раз, прежде чем он заработает как задумано.

Это странная ошибка, и я не слишком разбираюсь в вопросах, связанных с сервером.

РЕДАКТИРОВАТЬ: я использую Rails API для серверной частис postgres