Как убрать повторный запрос useEffect?

Question

[SheDeMere]

Добрый день!
Я новичок, у меня возникла проблема с повторным запросом useEffect.
При первом загрузки данных сервера, хук возвращает пустой массив, потом сразу возвращает данные, думаю из-за этого map выдает undefined. Как сделать так, чтобы не возвращался пустой массив?

import Weathers from './Weathers'
import { useDispatch, useSelector } from 'react-redux'
import { useEffect } from 'react'
import { loadWeather } from '../redux/action'

function App() {
  const dispatch = useDispatch();
  const loading = useSelector(state => state.weather.loading);

  
  useEffect(() => {
   dispatch(loadWeather())
  }, [dispatch]);

  
  
  if (loading) {
    return (
      <div>
        <h1>loading...</h1>
      </div>
    )
  }
  return (
    <div className="App">
      <Weathers />
    </div>
  );
}

export default App;

Answer 1

[Тигран Абрамян]

Как сделать так, чтобы не возвращался пустой массив?

никак, серверу нужно время чтобы он притянул данные, поэтому и ваш массив пустой во время запроса