Maximum update depth exceeded about superset HOT 2 OPEN

useEffect(() => {
  if (!inViewFirstTime) {
    return;
  }

  const newFormData = getFormData({
    ...filter,
    datasetId,
    dependencies,
    groupby,
    adhoc_filters,
    time_range,
    dashboardId,
  });

  const filterOwnState = filter.dataMask?.ownState || {};

  const customizer = (
    objValue: Partial<QueryFormData>,
    othValue: Partial<QueryFormData>,
    key: string,
  ) => (key === 'url_params' ? true : undefined);

  const formDataChanged = !isEqualWith(formData, newFormData, customizer);
  const ownStateChanged = !isEqual(ownState, filterOwnState);

  if (!isRefreshing && (formDataChanged || ownStateChanged || shouldRefresh)) {
    setFormData(newFormData);
    setOwnState(filterOwnState);

    if (!hasDataSource) {
      return;
    }

    setIsRefreshing(true);

    getChartDataRequest({
      formData: newFormData,
      force: shouldRefresh,
      ownState: filterOwnState,
    })
      .then(({ response, json }) => {
        if (isFeatureEnabled(FeatureFlag.GlobalAsyncQueries)) {
          const result = 'result' in json ? json.result[0] : json;

          if (response.status === 200) {
            setState([result]);
            handleFilterLoadFinish();
          } else if (response.status === 202) {
            waitForAsyncData(result)
              .then((asyncResult: ChartDataResponseResult[]) => {
                setState(asyncResult);
                handleFilterLoadFinish();
              })
              .catch((error: Response) => {
                getClientErrorObject(error).then(clientErrorObject => {
                  setError(clientErrorObject);
                  handleFilterLoadFinish();
                });
              });
          } else {
            throw new Error(
              `Received unexpected response status (${response.status}) while fetching chart data`,
            );
          }
        } else {
          setState(json.result);
          setError(undefined);
          handleFilterLoadFinish();
        }
      })
      .catch((error: Response) => {
        getClientErrorObject(error).then(clientErrorObject => {
          setError(clientErrorObject);
          handleFilterLoadFinish();
        });
      });
  }
}, [
  inViewFirstTime,
  dependencies.length, // Use length instead of the entire array
  datasetId,
  groupby,
  adhoc_filters.length, // Use length instead of the entire array
  time_range,
  dashboardId,
  handleFilterLoadFinish,
  hasDataSource,
  isRefreshing,
  shouldRefresh,
]);