gestureHandlerRootHOC type error props declared as an interface

[fxamauri]

Description

When I have a component with props that was declared as an interface, this error occurs

Argument of type '({ children }: MyCmpProps) => React.JSX.Element' is not assignable to parameter of type 'ComponentType<Record<string, unknown>>'.
  Type '({ children }: MyCmpProps) => React.JSX.Element' is not assignable to type 'FunctionComponent<Record<string, unknown>>'.
    Types of parameters '__0' and 'props' are incompatible.
      Property 'children' is missing in type 'Record<string, unknown>' but required in type 'MyCmpProps'.ts(2345)

Steps to reproduce

check type

import { View } from 'react-native';
import { gestureHandlerRootHOC } from 'react-native-gesture-handler';

interface MyCmpProps {
  children: React.ReactNode;
}

const MyCmp = ({ children }: MyCmpProps) => <View>{children}</View>;

const ExampleWithHoc = gestureHandlerRootHOC(MyCmp);

Snack or a link to a repository

https://snack.expo.dev/@fx_amauri/graceful-violet-scone

Gesture Handler version

2.14.0

React Native version

0.73.1

Platforms

Android, iOS, Web, MacOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes