What type to specify for children.current in TS?

Question

typescript

const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, children: ReactNode): void => {
        if (children) {
            const {current}: HTMLUListElement = children;
            if (current) {
                current.scrollTop = list.current.scrollHeight;
            }
        }
    }
setTimeout(() => handleClick(e, props.children), 0);

throws an error on current :
TS2322: Type 'string | number | true | {} | ReactElement ReactElement Component)> | null) | (new (props: any) => Component<...>)> | ReactNodeArray | ReactPortal' is not assignable to type 'HTMLUListElement'. Type 'string' is not assignable to type 'HTMLUListElement'.
TS2339: Property 'current' does not exist on type 'HTMLUListElement'.

I don't understand how to set current value of HTMLUListElement

Answer 1

Does the compiler still give an error with //@ts-ignore?

Answer 2

Possibly ak:

const {current}: {current: HTMLUListElement} = children;

or like this:

const current = children.current as HTMLUListElement;

You set the type not of current, but of the entire object.
PS Forget about ts-ignore.