Add ChildrenProps reusable type

src/components/ComposeProviders.tsx

@@ -1,15 +1,9 @@
 import React, {ComponentType, ReactNode} from 'react';
+import ChildrenProps from '../types/utils/ChildrenProps';
 
-type ComponentProps = {
-    children: ReactNode;
-};
-
-type ComposeProvidersProps = {
+type ComposeProvidersProps = ChildrenProps & {
     /** Provider components go here */
-    components: Array<ComponentType<ComponentProps>>;
-
-    /** Rendered child component */
-    children: ReactNode;
+    components: Array<ComponentType<ChildrenProps>>;
 };
 
 function ComposeProviders(props: ComposeProvidersProps): ReactNode {

src/components/createOnyxContext.tsx

@@ -3,18 +3,14 @@ import {withOnyx} from 'react-native-onyx';
 import Str from 'expensify-common/lib/str';
 import getComponentDisplayName from '../libs/getComponentDisplayName';
 import {OnyxCollectionKey, OnyxKey, OnyxKeyValue, OnyxValues} from '../ONYXKEYS';
+import ChildrenProps from '../types/utils/ChildrenProps';
 
 type OnyxKeys = (OnyxKey | OnyxCollectionKey) & keyof OnyxValues;
 
 // Provider types
 type ProviderOnyxProps<TOnyxKey extends OnyxKeys> = Record<TOnyxKey, OnyxKeyValue<TOnyxKey>>;
 
-type ProviderProps = {
-    /** Rendered child component */
-    children: ReactNode;
-};
-
-type ProviderPropsWithOnyx<TOnyxKey extends OnyxKeys> = ProviderProps & ProviderOnyxProps<TOnyxKey>;
+type ProviderPropsWithOnyx<TOnyxKey extends OnyxKeys> = ChildrenProps & ProviderOnyxProps<TOnyxKey>;
 
 // withOnyxKey types
 type WithOnyxKeyProps<TOnyxKey extends OnyxKeys, TNewOnyxKey extends string, TTransformedValue> = {

src/types/utils/ChildrenProps.ts

@@ -0,0 +1,8 @@
+import type {ReactNode} from 'react';
+
+type ChildrenProps = {
+    /** Rendered child component */
+    children: ReactNode;
+};
+
+export default ChildrenProps;