AutoComplete: selectedItemTemplate displays [Object object]

[xAl3xFx]

Describe the bug

Having AutoComplete component with selectedItemTemplate which returns React.Node the displayed value is [Object object]

Reproducer

https://stackblitz.com/edit/k4e3ju?file=src%2FApp.jsx

PrimeReact version

10.6.5

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[LunaticPoring]

+1 here.
It looks like the selectedItemTemplate accepts a string but not a react node

This works:
selectedItemTemplate={(product: Product) => product.title}
This doesn't work
selectedItemTemplate={(product: Product) => <div>product.title</div>}

So can't apply specific formatting to the selectedItem

[melloware]

hmmm the code tries to get it as a JSX element.

 const formatValue = (value) => {
            if (ObjectUtils.isNotEmpty(value)) {
                if (typeof value === 'string') {
                    return value;
                } else if (props.selectedItemTemplate) {
                    const resolvedFieldData = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);

                    return resolvedFieldData ? resolvedFieldData : value;
                } else if (props.field) {
                    const resolvedFieldData = ObjectUtils.resolveFieldData(value, props.field);

                    return resolvedFieldData !== null && resolvedFieldData !== undefined ? resolvedFieldData : value;
                }

                return value;
            }

            return '';
        };

[melloware]

oh duh i see the issue