AutoComplete Input Passthrough not passing through

[Josje92]

Describe the bug

<AutoComplete
    pt={{
        input: {
            className: 'test',
            style: {
                 background: 'red',
            },
        },
    }}
    {...props}
/>

The input props won't get passed through for AutoComplete.
I've edited the basic preview from the docs in StackBlitz, also no dice.

Reproducer

https://stackblitz.com/edit/xyerqm?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

[melloware]

Can you try this: #6555 (comment)

[melloware]

I fixed your example: https://stackblitz.com/edit/xyerqm-ihygrs?file=src%2FApp.jsx

[Josje92]

Thanks!
It works, however ts-typings don't agree. Had to cast it to any when extending it in my custom component.

<AutoComplete
    pt={{
        ...pt,
        input: {
            ...pt?.input,
            root: {
                ...(pt?.input as any)?.root,
                className: ['w-full', (pt?.input as any)?.root?.className].filter(Boolean).join(' '),
            },
        },
    }}
    {...props}
/>

This needs to be done for pt.input, not even pt.input.root, so something still feels off. But I'm happy with this approach for now 😄

[melloware]

ok yeah the Typescript defs probably need to be looked at.