Zagnieżdżone podpowiedzi same się otwierają

Hej to pytanie dotyczy konkretnej biblioteki RadixUI (https://www.radix-ui.com/). Tutaj (https://www.radix-ui.com/primitives/docs/guides/composition) jest opisane jak zagniezdzac Modal/Dropdown z Tooltipem. Chce stworzyc button ktory ma tooltip i ktory otwiera dropdown, a ten dropdown sam w sobie ma buttony ze swoimi tooltipami. Mam taki kod:

  const MyButton = forwardRef((props: any, forwardedRef: any) => (
    <button {...props} ref={forwardedRef} />
  ));

  let btn = (
    <Popover.Root>
      <Tooltip.Provider>
        <Tooltip.Root>
          <Tooltip.Trigger asChild>
            <Popover.Trigger asChild>
              <MyButton>Button with tooltip</MyButton>
            </Popover.Trigger>
          </Tooltip.Trigger>
          <Tooltip.Content>Content</Tooltip.Content>
        </Tooltip.Root>
      </Tooltip.Provider>
      <Popover.Portal>
        <Popover.Content>
          <Tooltip.Provider>
            <Tooltip.Root>
              <Tooltip.Trigger asChild>
                <MyButton>Nested button with tooltip 1</MyButton>
              </Tooltip.Trigger>
              <Tooltip.Content>Tooltip nested1</Tooltip.Content>
            </Tooltip.Root>
          </Tooltip.Provider>

          <Tooltip.Provider>
            <Tooltip.Root>
              <Tooltip.Trigger asChild>
                <MyButton>Nested button with tooltip 2</MyButton>
              </Tooltip.Trigger>
              <Tooltip.Content>Tooltip nested2</Tooltip.Content>
            </Tooltip.Root>
          </Tooltip.Provider>
        </Popover.Content>
      </Popover.Portal>
    </Popover.Root>
  );

  return btn;
    );

I problem polega na tym ze w momencie w ktorym otwieram dropdown, tooltip dla pierwszego buttonu z tego dropdownu automatycznie sie otwiera (drugi poprawnie sie nie otwiera). Czy ma ktos pomysl o co moze chodzic?

@piotrevic: tak, tutaj jest przyklad: https://codesandbox.io/s/tooltip-popover-forked-zmn9sh
Problem: Tooltip wewnatrz dropdowna otwiera sie automatycznie