Intentando resolver este problema de tsconfig pero no estoy seguro de cómo proceder:

 Property 'Item' does not exist on type '{ ({ children, spacing }: { children: any; spacing: any; }): Element; propTypes: { children: Requireable<ReactNodeLike>; spacing: Requireable<string>; };

Básicamente tengo el elemento llamado Stack que se ve así:

 const Stack = ({ children, spacing }) => { const items = findChildrenByRole(children, 'Stack.Item'); return children ? <div>{items}</div> : null; }; Stack.propTypes = { children: T.node, spacing: T.oneOf(['none', 's', 'm', 'l']), }; Stack.defaultTypes = { spacing: 'none', }; export default Stack;

Creo que tengo un archivo ìndex.js como este:

 import Stack from './Stack'; import Item from './SubComponents/Item'; Stack.Item = Item; export { Stack };

Yo lo uso así:

 <Stack spacing="s"> <Stack.Item> Item </Stack.Item> </stack>

¿Cómo hago para que entienda que el artículo existe en mi vscode?