Как использовать useEffect после loading?

Отправляю данные в redux при помощи axios и чтобы их отобразить, у меня есть loading. Но, я хочу что-то делать при изменение данных в currentEpisode:

if (loading) {
   return <h1>Loading...</h1>
};

useEffect(() => {
  setCurrent('')
}, [currentEpisode]) // currentEpisode - из redux идет useSelector

return ()

Так он не сработает, даст ошибку: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return? Если использовать loading внутри useEffect, то тогда он даст мне ошибку что нет таких данных в redux, тк он пытается их достать до того, когда они еще загрузились туда.

Как мне правильно сделать, чтобы сработал loading, но при это потом работал useEffect? После первого рейдинга он не работает, это если у нас loading внутри useEffect. Но, если закрыть ошибку, то данные я получу. Но это логично, тк они уже успели загрузиться и по сути loading не сработал