Определение типов для Box и Flex из @rebass/grid

Question

У меня есть библиотека компонентов на основе React, для которой я определяю типы, которые помогут с IntelliSense и проверкой типов (для потребителей TS). Два компонента - это просто Box и Flex, которые реэкспортируются из @ rebass / grid:

//src/components/Box.js
import { Box } from '@rebass/grid';

export default Box;

//src/components/Flex.js
import { Flex } from '@rebass/grid';

export default Flex;

Как мне определить типы для этих компонентов? Поскольку это по сути стилизованные компоненты, я реализовал следующее:

//index.d.ts
.
.
.
declare var Box: StyledComponent < "div", {}, import("@rebass/grid").BoxProps > ;
declare var Flex: StyledComponent < "div", {}, import("@rebass/grid").FlexProps > ;
.
.
.

Кажется, это работает - я получаю IntelliSense и проверку типов с помощью TSC, но является ли это лучшим способом определения типов для настраиваемого компонента, который является просто реэкспортом сторонней зависимости?