Currently returns error for DataTableManager

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

Author: Winner95

__tests__/handler.test.js

@@ -52,6 +52,13 @@ describe('typescript-react-function-component-props-handler', () => {
         expect(doc.props).toBeUndefined();
     });
 
+    // Currently returns error for DataTableManager
+    test('handles React.FC<Props> components - DataTableManager', () => {
+        expect(() => parseFixture('DataTableManager.tsx')).toThrow(
+            'did not recognize object of type "ChainExpression"'
+        );
+    });
+
     // 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/DataTableManager.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+type DataTableColumn<Row> = {
+  key: string;
+  label: string;
+  isSortable?: boolean;
+  renderItem: (row: Row) => React.ReactNode;
+};
+
+type DataTableProps<Row> = {
+  rows: Row[];
+  columns: Array<DataTableColumn<Row>>;
+  itemRenderer?: (row: Row) => React.ReactNode;
+};
+
+type LayoutSettings = {
+  density: 'compact' | 'cozy' | 'comfortable';
+  isCondensed?: boolean;
+};
+
+type ColumnManager = {
+  hiddenColumns: string[];
+  primaryButton?: React.ReactElement;
+  secondaryButton?: React.ReactElement;
+};
+
+type DataTableManagerProps<Row> = {
+  dataTableProps: DataTableProps<Row>;
+  displaySettings?: LayoutSettings;
+  columnManager?: ColumnManager;
+  onSettingsChange?: (action: string, nextValue: object) => void;
+};
+
+export const DataTableManager: React.FC<DataTableManagerProps<any>> = (props) => {
+  return <>{props.displaySettings?.density}</>;
+};