Digamos que tengo este componente simple, que funciona bien:

 import clsx from "clsx"; import React from "react"; interface HeadingProps extends React.DetailedHTMLProps< React.HTMLAttributes<HTMLDivElement>, HTMLDivElement > { tag?: string; } const Heading: React.FC<HeadingProps> = ({ tag = "h2", className, children, ...props }) => { const CustomTag = tag as keyof JSX.IntrinsicElements; return ( <div className={clsx("heading-wrapper", className)} {...props}> <CustomTag className="heading">{children}</CustomTag> </div> ); }; export default Heading;

¿Cómo puedo decirle a TS o VSCode sobre la prioridad de los accesorios cuando quiero usar IntelliSense?
Actualmente me muestra todos los accesorios en este orden (alfabéticamente):

En este escenario, quiero que mi accesorio personalizado, que es la tag , esté encima de otros accesorios cuando ctrl + enter . ¿Hay alguna manera de hacerlo? Es posible que mi pregunta ni siquiera esté relacionada con TypeScript, sino con el editor VSCode en sí.