How to render input/textarea based on some conditions

Input-Textarea.tsx

function isPropsForTextareaElement(
    props: InputProps | TextareaProps
): props is TextareaProps {
    return "rows" in props;
}

export const TextareaInputGeneralComponent = (
    props: InputProps | TextareaProps
) => {
    if (isPropsForTextareaElement(props)) {
        return <textarea {...props} />;
    } else {
        return <input {...props} />;
    }
}; // optionally use a custom type guard