diff --git a/desktop/plugins/public/layout/InspectorSidebar.tsx b/desktop/plugins/public/layout/InspectorSidebar.tsx index 8b7655156..a3a2ed1bb 100644 --- a/desktop/plugins/public/layout/InspectorSidebar.tsx +++ b/desktop/plugins/public/layout/InspectorSidebar.tsx @@ -23,7 +23,7 @@ import deepEqual from 'deep-equal'; import React from 'react'; import {useMemo, useEffect} from 'react'; import {kebabCase} from 'lodash'; -import {default as SidebarExtensions} from './extensions/fb-stubs/index'; +import {SidebarExtensions} from './extensions/fb-stubs/SidebarExtensions'; const NoData = styled(FlexCenter)({ fontSize: 18, @@ -147,9 +147,15 @@ const Sidebar: React.FC = (props: Props) => { const sections: Array = ( (SidebarExtensions && element?.data && - SidebarExtensions.map((ext) => - ext(props.client, props.realClient, element, props.logger), - )) || + Object.entries(SidebarExtensions).map(([ext, Comp]) => ( + + ))) || [] ).concat( sectionDefs.map((def) => ( diff --git a/desktop/plugins/public/layout/extensions/fb-stubs/index.tsx b/desktop/plugins/public/layout/extensions/fb-stubs/SidebarExtensions.tsx similarity index 61% rename from desktop/plugins/public/layout/extensions/fb-stubs/index.tsx rename to desktop/plugins/public/layout/extensions/fb-stubs/SidebarExtensions.tsx index ad1957351..e4547f9f8 100644 --- a/desktop/plugins/public/layout/extensions/fb-stubs/index.tsx +++ b/desktop/plugins/public/layout/extensions/fb-stubs/SidebarExtensions.tsx @@ -9,11 +9,12 @@ import type {Client, Logger, PluginClient, Element} from 'flipper'; -export default [] as Array< - ( - client: PluginClient, - realClient: Client, - selectedNode: Element, - logger: Logger, - ) => React.ReactNode ->; +export const SidebarExtensions: Record< + string, + React.FC<{ + client: PluginClient; + realClient: Client; + selectedNode: Element; + logger: Logger; + }> +> = {};