diff --git a/addons/docs/src/blocks/ArgsTable.tsx b/addons/docs/src/blocks/ArgsTable.tsx index ae1a8bc8892..999cd20415b 100644 --- a/addons/docs/src/blocks/ArgsTable.tsx +++ b/addons/docs/src/blocks/ArgsTable.tsx @@ -152,9 +152,11 @@ export const StoryTable: FC< } storyArgTypes = filterArgTypes(storyArgTypes, include, exclude); + const mainLabel = getComponentName(component) || 'Story'; + // eslint-disable-next-line prefer-const let [args, updateArgs, resetArgs] = useArgs(storyId, storyStore); - let tabs = { Story: { rows: storyArgTypes, args, updateArgs, resetArgs } } as Record< + let tabs = { [mainLabel]: { rows: storyArgTypes, args, updateArgs, resetArgs } } as Record< string, PureArgsTableProps >; @@ -170,7 +172,6 @@ export const StoryTable: FC< } if (component && (!storyHasArgsWithControls || showComponent)) { - const mainLabel = getComponentName(component); tabs = addComponentTabs(tabs, { [mainLabel]: component }, context, include, exclude); }