add cover for React children component props

Signed-off-by: Winner95 <Winner95@users.noreply.github.com>

Author: Winner95

__tests__/handler.test.js

@@ -122,6 +122,15 @@ describe('typescript-react-function-component-props-handler', () => {
         );
     });
 
+    test('handles React.FC<Props> components with interface props', () => {
+        const doc = parseFixture('Stack.tsx');
+
+        expect(doc).toHaveProperty('props');
+        expect(doc.props).toHaveProperty('children');
+        expect(doc.props.children.tsType).toMatchObject({ name: 'ReactReactNode' });
+        expect(doc.props.children.tsType.raw).toBe('React.ReactNode');
+    });
+
     // Line 31 in index.js without type - can't be tested directly because of early return
     test('handles components without type', () => {
         const doc = parseFixture('ComponentWithoutType.tsx');

fixtures/Stack.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+interface StackProps {
+  alignItems?: 'flex-start' | 'center' | 'flex-end';
+  justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between';
+  gap?: 'xs' | 's' | 'm' | 'l';
+  children?: React.ReactNode;
+}
+
+export const Stack: React.FC<StackProps> = (props) => {
+  return <>{props.children}</>;
+};