navigation.navigate Navigation дважды вылетает на реагировать родной с использованием реагирования навигации

Question

Я использую реагирующую навигацию в моем собственном приложении реакции на нижнем листе экрана (Экран A). Но я понял, что при переходе от нижнего листа к новому экрану (Screen-B), а затем обратно к предыдущему экрану (Screen-A); и снова откройте мой нижний лист, затем перейдите от этого нижнего листа к (экран-B), и процесс перехода к экрану-B происходит дважды, это означает, что мне нужно дважды щелкнуть стрелку назад, чтобы вернуться к экрану-A, и если я повторяю количество шагов, повторяющихся в процессе навигации, определяется количеством повторений шагов, после чего происходит сбой приложения.

 const navigate = detail => {

      console.log('navigated');
      navigation.navigate('trans', {
        screen: 'cards',
        params: {
          totalAmount: '2000',
          reference: 'test',
        },
      });

  };

  useEffect(() => {
    if (isFirstRun.current) {
      isFirstRun.current = false;
      return;
    }
    if (
      !payment.loading &&
      payment.data &&
      payment.data.code
    ) {
      ref.current.close(); // Close the bottomsheet
      navigate(details);

    }
  }, [payment]);

Вот мой код ... Что может быть не так?