select components: props appendTo Incorrect first time mount

[kl-nevermore]

Describe the bug

when use appendTo ,the first time it was appended to the body, the second time it was mounted correctly

maybe all select components have this issue but Dialog ok

CascadeSelect

MultiSelect

Reproducer

https://codesandbox.io/s/primereact-demo-forked-tk9y7q?file=/src/D.js:53-59

PrimeReact version

10.0.9 and the master branch code

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 118

Steps to reproduce the behavior

No response

Expected behavior

If appendTo is an HTML element, should it be used for calculation?( like MultiSelect ? )
or
mounted correctly, the position does not change(like antd)

No response

[melloware]

@kl-nevermore please try 10.1.0 and confirm your issue is fixed.

[kl-nevermore]

@kl-nevermore please try 10.1.0 and confirm your issue is fixed.

sorry! I just saw this message!
I'll test it when I get finish work

[kl-nevermore]

https://codesandbox.io/p/sandbox/primereact-demo-forked-wn2yc7
@melloware
this problem still exists

[melloware]

Can you investigate?

What I fixed was in useMounteffect I set the overlay.

        useMountEffect(() => {
            alignOverlay();
        });

        const alignOverlay = () => {
            DomHandler.alignOverlay(overlayRef.current, labelRef.current.parentElement, props.appendTo || (context && context.appendTo) || PrimeReact.appendTo);
        };

So on Mount of the component the overlay should already be set to append to the correct spot where before it was waiting until it was shown the first time to appendTo?

[kl-nevermore]

Whether use ref or selectors ,the appendTo always is nil

I have two solutions
1: use state instead

const ref = useRef();
const [refState, setRefState] = useState();
useEffect(() => {
  setRefState(ref.current);
}, []);
<div ref={ref}>append to</div>
<MultiSelect appendTo={refState} />;

2: appendTo support function

<MultiSelect appendTo={()=>ref.current} />;

[melloware]

I like solution 2 above.