Как сделать реекспорт Typescript React компонента?

Question

[Евгений]

У меня есть компонент, который находиться в папке src/MyComponent:
src/MyComponent/MyComponent.tsx - файл с компонентом
src/MyComponent/index.js - файл импортирует и экспортирует компонент. Нужен для того, чтобы был доступ к компоненту по укороченной ссылке (src/MyComponent вместо src/MyComponent/MyComponent)

Когда я импортирую компонент по длинной ссылке src/MyComponent/MyComponent, то в редакторе я вижу все свойства компонента в подсказке. Когда я импортирую по короткой ссылке, то свойства пропадают. Подскажите как мне экспортировать компонент, чтобы короткой ссылке был доступен и компонент и его интерфейс?

Единственный вариант который нашел это создать файл index.d.ts:

import * as React from 'react';
Import MyComponentProps from './types.d';

declare const MyComponent: React.FC<MyComponentProps>;

export default MyComponent;

Но тут приходится заново описывать тип того же компонента. Можно как-то более красиво это сделать?

Answer 1

[Евгений]

Разобрался:

index.d.ts:
export { default } from './MyComponent';
Тут важно в поле From указать именно компонент, а не файл .d.ts