Empecé a aprender TypeScript con React y refactoricé algunos de mis componentes a componentes de TypeScript. Tengo una función que luce así:

 import { withOrientationChange } from 'react-device-detect'; function wheel({ isLandscape }: { isLandscape: boolean }): JSX.Element { // Some code } export default withOrientationChange(wheel);

Como quiero exportaciones con nombre, generalmente solo hago:

 import { withOrientationChange } from 'react-device-detect'; export function wheel({ isLandscape }: { isLandscape: boolean }): JSX.Element { // Some code }

¿Cómo hago esto con un componente de orden superior, como withOrientationChange que uso, desde el dispositivo de reacción?