Repository: storybook
Issue: Actions don't show up in panel when using `argTypesRegex`
Labels: bug,addon: actions,sev:S2

**Describe the bug**
Actions don't show up in the actions panel when using `argTypesRegex` parameter in `preview.js` or in the component.

**Reproduction** 
Here is the reproduction: https://github.com/jonathanhuang13/storybook-repro
```
npm install
npm run storybook
```

There are two stories to see: 
- The `Works` story works with manually specifying the argTypes
- The `Buggy` story doesn't work and it uses the `argTypesRegex` parameter

**System**
```
Environment Info:

  System:
    OS: macOS 11.3.1
    CPU: (8) x64 Apple M1
  Binaries:
    Node: 14.16.1 - ~/.asdf/installs/nodejs/14.16.1/bin/node
    npm: 6.14.12 - ~/.asdf/installs/nodejs/14.16.1/bin/npm
  Browsers:
    Chrome: 90.0.4430.212
    Safari: 14.1
  npmPackages:
    @storybook/addon-actions: ^6.2.9 => 6.2.9
    @storybook/addon-essentials: ^6.2.9 => 6.2.9
    @storybook/addon-links: ^6.2.9 => 6.2.9
    @storybook/react: ^6.2.9 => 6.2.9
```

**Additional context**
This additional context is from the original repo, not the reproduced repo. I have a component that takes a required prop `onClickFoo`. With the following story, I can see actions in the action panel when I click the appropriate button:
```tsx
// Working

import React from 'react';
import { Story, Meta } from '@storybook/react';

import Editor, { EditorProps } from 'components/editor';

export default {
  title: 'Editor',
  component: Editor,
  argTypes: {
    onClickFoo: { action: 'changed' }, // Specifying argTypes by hand works
  },
} as Meta;

const Template: Story<EditorProps> = (args) => (
  <div className="h-60">
    <Editor {...args} />
  </div>
);

export const Base = Template.bind({});
Base.args = {
  prop1: 'prop1',
};
```

However, using `argTypesRegex` does not work on the component level. I do see the console log in the console though:
```tsx
// Does not work
import React from 'react';
import { Story, Meta } from '@storybook/react';

import Editor, { EditorProps } from 'components/editor';

export default {
  title: 'Editor',
  component: Editor,
  parameters: { actions: { argTypesRegex: '^on.*' } }, // Specifying parameters does not work
} as Meta;

const Template: Story<EditorProps> = (args) => (
  <div className="h-60">
    <Editor {...args} />
  </div>
);

export const Base = Template.bind({});
Base.args = {
  prop1: 'prop1',
  onClickFoo: () => console.log('Hello world'), // Removing this causes error in storybook that 'onClickFoo' doesn't exist
};
```

Additionally, putting the `argTypesRegex` in `preview.js` doesn't work either:

```js
// .storybook/preview.js

export const parameters = {
  actions: { argTypesRegex: '^on[A-Z].*' },
}
```

```tsx
// Story

import React from 'react';
import { Story, Meta } from '@storybook/react';

import Editor, { EditorProps } from 'components/editor';

export default {
  title: 'Editor',
  component: Editor,
} as Meta;

const Template: Story<EditorProps> = (args) => (
  <div className="h-60">
    <Editor {...args} />
  </div>
);

export const Base = Template.bind({});
Base.args = {
  prop1: 'prop1',
  onClickFoo: () => console.log('Hello world'),
};
```