const { refs, floatingStyles } = useFloating({
    placement: "top-end",
    whileElementsMounted: autoUpdate
  });

  useLayoutEffect(() => {
    const targetId = selectedBikeSn
      ? BIKE_CONTROL_BOTTOM_SHEET_ID
      : QR_SCAN_BUTTON_ID;

    if (prevTargetId.current === targetId) {
      refs.setReference(null);
      return;
    }

    prevTargetId.current = targetId;

    const updateReference = () => {
      const targetElement = document.getElementById(targetId);
      refs.setReference(targetElement);
    };

    if (isInitialMount.current) {
      isInitialMount.current = false;
      updateReference();
    } else {
      const debouncedUpdateReference = debounce(updateReference, 100);
      debouncedUpdateReference();
    }
  }, [selectedBikeSn, refs]);