onClick event with args['index'], Where's the documentation for this?

[sour cobalt]

I'm using TypeScript to add types to some StoryBook components, but I found some code and I'm confused as to how it's being used. The component exports multiple components and a Button which has a onClick event.

I can see the the action being logged in the actions panels, but TypeScript is complaining that Property 'MainComponent.Button (onClick)' does not exist on type ...

<MainComponent.Button onClick={args['MainComponent.Button (onClick)']}>

And the argTypes defined as follow:

...
argTypes: {
    'MainComponent.Button (onClick)': {
      action: 'MainComponent.Button (onClick)',
      description: 'callback function fired when button is clicked'
    },
...

[steep monolith]

The argTypes are used to populate the ArgsTable and corresponding controls, but they don't do anything for TypeScript.

Instead, you need to provide type parameters to the Meta and Story types. I wrote a whole post on writing stories in TypeScript: https://storybook.js.org/blog/writing-stories-in-typescript/