storybook: showRoots Setting Does Not Work as Expected

Describe the bug When utilizing showRoots, not getting the expected result in Storybook navigation when using default export and named export or name param on a story.

To Reproduce Steps to reproduce the behavior:

1. Set showRoots to true
2. Create a story similar to what is under Code snippets.
3. See error

Expected behavior Expected: Root-level Components title, My Button nav item Result: Collapsible Components item, My Button sub-nav item

See Screenshots for expected result vs actual result.

Screenshots Expected:

Actual:

With Unwanted Collapsible Nav Item:

Code snippets

export default {
    title: 'Components'
};

export const Button = () => <Button {...} />;

Button.story = {
    name: 'My Button',
};

Additional context The only way I’m able to get showRoots to work is if I add an additional 3rd collapsible item in the title of the default export. For example, I’d have to do:

export default {
    title: 'Components/Buttons'
};

export const Button = () => <Button {...} />;

Button.story = {
    name: 'My Button',
};

This creates an unwanted collapsible item Buttons in the navigation (See 3rd screenshot attached). Reading the documentation, showRoots seems to be the setting we would use to enforce the default export title would always appear as expected, but it doesn’t seem to work as expected. Thanks for all the awesome work you all do on this project!