Fix EuiTreeView JSX typescript error

elastic · Jan 9, 2024 · 2bc31cb · 2bc31cb
1 parent e67ef5d
commit 2bc31cb
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/tree_view/tree_view.tsx b/src/components/tree_view/tree_view.tsx
@@ -8,6 +8,7 @@
 
 import React, {
   Component,
+  ComponentType,
   HTMLAttributes,
   createContext,
   ContextType,
@@ -113,7 +114,10 @@ export type EuiTreeViewProps = Omit<
 > &
   ({ 'aria-label': string } | { 'aria-labelledby': string });
 
-export class EuiTreeView extends Component<EuiTreeViewProps, EuiTreeViewState> {
+export class _EuiTreeView extends Component<
+  EuiTreeViewProps,
+  EuiTreeViewState
+> {
   treeIdGenerator = htmlIdGenerator('euiTreeView');
 
   static contextType = EuiTreeViewContext;
@@ -432,3 +436,7 @@ export class EuiTreeView extends Component<EuiTreeViewProps, EuiTreeViewState> {
     );
   }
 }
+
+// This is a Typescript workaround for https://github.com/facebook/react/issues/13944#issuecomment-1183693239
+// The longer term fix should likely be to convert this component to a function component instead
+export const EuiTreeView = _EuiTreeView as ComponentType<EuiTreeViewProps>;