Как узнать, когда модал React Bootstrap был загружен?

Question

Я создал модал с React Bootstrap, который обычно работает нормально. Но когда браузер увеличен, внутренний div немного прокручивается вниз, скрывая верхнюю часть модальной зоны. Поэтому я добавил useEffect, чтобы прокрутить вверх, когда модал загружен. Мне удалось выполнить это в моем функциональном компоненте React, например:

  // A reference to a `div` at the top of my modal
  // Note: This approach won't work: const titleRef = useRef(null);
  const titleRef = React.createRef();

  useEffect(() => {
    if (titleRef.current) {
      const modalBodyContainer = document.getElementById('modalBodyContainer');
      if (modalBodyContainer) {
        modalBodyContainer.scrollTop = 0;
      }
    }
  }, [titleRef]);

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

Но мне интересно, есть ли другой способ, кроме использования ref, как у меня?