Failed prop type: Invalid prop appendTo of type string supplied to DropdownPanel, expected object.

[raDiesle]

[x] bug report

• React version:
  16.13.1

• PrimeReact version:
  6.5.1

In our automated tests, seems there is some async issue when we migrated to new version of PrimeReact:

Failed prop type: Invalid prop appendTo of type string supplied to DropdownPanel, expected object.
It is not reproducable when application is opened in browser.

This is pseudo code of the failing code:

 const [dropdownOption, setDropdownOptions] = useState([]);
  const intl = useI18nMessage();

  useEffect(() => {
    setDropdownOptions(
      isoCodes.map(code => ({
        key: code,
        label: intl(`${isoCodeTranslationPrefix}${code}`),
      })),
    );
  }, [intl]);
<Dropdown appendTo="self" options={options} value={prefilledValueFromServer}/>

Seems like this is what causes the issue:
It is NOT transforming 'self' to a DOM node, when passed to portal in DropdownPanel

    return <Portal element={element} appendTo={this.props.appendTo} />;

So probably instance of : DomHandler.alignOverlay(this.overlayRef.current, this.input.parentElement, this.props.appendTo || PrimeReact.appendTo); must be passed to DropdownPanel component

Would be nice if you can check