Error: Minified React error #310

Возникает ошибка после того как приходят данные с API в мое приложения. Как мне понять где возникает ошибка. Хочу сразу сказать, что я изучил данную тему и проверил, что хуки не вызываются в условии. Так же я проверил все компоненты на правильность переданных пропсов в дочерний компонент. В чем еще может быть проблема, или где она может быть? Вот данная ошибка:

Error: Minified React error #310; visit https://reactjs.org/docs/error-decoder.html?invariant=310 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Изучил данную статью: тык

в этих хуках данные (adDepth и offer) прилетает по сокетам в компонент. Может из за этого быть ошибка?

 useEffect(() => {
    prepareData();

    if (forScreen) {
      return;
    }
  }, []);

  useEffect(() => {
    getStaticDepth();

    if (!blockAnim) {
      setIsShow(true);
      setTimeout(() => {
        setIsShow(false);
      }, 1000);
    }
  }, []);

  useEffect(() => {
    if (adDepth?.depth) {
      makeDepthData(adDepth?.depth);
    }
  }, [
    adDepth?.depth,
    offer.price,
    offer.minAmount,
    offer.maxAmount,
    offer.config,
  ]);

  useEffect(() => {
    prepareSettlementRate();
  }, [userData?.targetPrices]);

Вот где проблема:

  useEffect(() => {
    fetchData(pageIndex, pageSize);
  }, [fetchData, pageIndex, pageSize]);

Сама функция fetchData

  const fetchData = useCallback(async (pageNumber?: number, pageSize: number = 10, params?: FilterParams) => {
    const skip = pageNumber && pageSize ? pageNumber * pageSize : 0;
    setIsLoading(true);
    const {dealList, count} = await fetchTradeHistory(skip, pageSize, params);
    setPageCount(Math.ceil(count / pageSize));
    setTradeHistoryItems(dealList);
    setIsLoading(false);
  }, []);