Missing controls after upgrade 6.5.12 to 6.5.13

[dark kernel]

Hello! Reopening because new system? I'm trying to figure out why my controls are suddenly missing after upgrading to 6.5.13. I've had controls implemented on many of my stories for a long time, and I haven't changed them, but I'm noticing this warning without any other context? Can anyone help me please? :X

There is additionally this message on a story

This is defined in preview.js:

export const argTypes = {
  'data-test': {
    control: false,
    type: { name: 'string', required: true },
    description: 'A helper for automated testing. Should be unique and contextual.'
  },
};

and then this is in that story file: ```const storyParams = {
title: 'components/App Header',
component: AppHeader,
subcomponents: {
HeaderUserDropdown, HeaderLogo, HeaderSpacer, HeaderIcon,
},
description: 'A standard app header that can be reused across apps',
argTypes: {
userName: {
control: 'text',
table: { category: 'Header User Dropdown' },
},
accountName: {
control: 'text',
table: { category: 'Header User Dropdown' },
},
},
args: {
userName: 'Professor Ozpin',
accountName: 'Beacon Academy',
},
};

export default storyParams;```

On the original issue: still trying to find the story I found it in. If I'm remembering correctly from 3 days ago, it happened during hot reload

[unborn yoke]

@dark kernel do you have a reproduction you can share? if not, can you share the source code of the story in your screenshot?

[dark kernel]

for the first one? or the second? I do not have a reproduction 😦

[unborn yoke]

either one. i need more information to help understand the problem

[dark kernel]

import { AppHeader, HeaderUserDropdown, HeaderLogo, HeaderSpacer, HeaderIcon, DropdownItem, Flex, DropdownMenu } from '../../src';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCat, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';

const storyParams = {
  title: 'components/App Header',
  component: AppHeader,
  subcomponents: {
    HeaderUserDropdown, HeaderLogo, HeaderSpacer, HeaderIcon,
  },
  description: 'A standard app header that can be reused across apps',
  argTypes: {
    userName: {
      control: 'text',
      table: { category: 'Header User Dropdown' },
    },
    accountName: {
      control: 'text',
      table: { category: 'Header User Dropdown' },
    },
  },
  args: {
    userName: 'Professor Ozpin',
    accountName: 'Beacon Academy',
  },
};

export default storyParams;

const Logo = () => (
  <React.Fragment>
    <FontAwesomeIcon icon={faCat} color="#fff" size="2x" style={{ marginRight: 10 }} />
    <FontAwesomeIcon icon={faCat} rotation={90} color="#fff" size="2x" style={{ marginRight: 10 }} />
    <FontAwesomeIcon icon={faCat} rotation={180} color="#fff" size="2x" style={{ marginRight: 10 }} />
    <FontAwesomeIcon icon={faCat} rotation={270} color="#fff" size="2x" />
  </React.Fragment>
);

export const minimal = () => (
  <AppHeader>
    <HeaderLogo>
      <Logo />
    </HeaderLogo>

    <HeaderSpacer />

    <HeaderIcon $active style={{ minWidth: 100 }}>Login?!</HeaderIcon>
  </AppHeader>
);

I haven't seen the first one again yet

[grave vessel]

Hey @dark kernel, it looks like you're not passing those args to your stories

You'd want to do something like this:

const Template = (args) => (
  <AppHeader {...args}>
    <HeaderLogo>
      <Logo />
    </HeaderLogo>

    <HeaderSpacer />

    <HeaderIcon $active style={{ minWidth: 100 }}>Login?!</HeaderIcon>
  </AppHeader>
);

export const Minimal = template.bind({});
Minimal.args = {
 // args you want to set for this story here
}

[dark kernel]

I know, that one doesn't have args

this one does ```export const userNameOnly = ({ userName, accountName }) => (
<AppHeader>
<HeaderLogo>
<Logo />
</HeaderLogo>

<HeaderSpacer />

<HeaderUserDropdown userName={userName} accountName={accountName}>
  <DropdownItem>these</DropdownItem>
  <DropdownItem>are</DropdownItem>
  <DropdownItem>options</DropdownItem>
</HeaderUserDropdown>

</AppHeader>
);
userNameOnly.args = {
accountName: undefined,
};```
also in same file

sorry I only copy pasted the beginning of it

the warning did not used to show up on the story for these

the more concerning part is that on these stories all the params disappear after using storybook for a while

its happening on almost all of my stories, at some point the whole panel disappears and I can't seem to get them back unless I close the terminal and restart