[Bug]: type error for required props when reusing story definitions according to the docs

[HosseinAgha]

Describe the bug

When reusing story definitions according to the docs I get TypeScript type errors because the StoryObj helper type makes all arguments optional. Storybook should offer a workaround to use this pattern without any type errors.

To Reproduce

https://stackblitz.com/edit/github-yr2rcr?file=src%2Fstories%2FButton.stories.tsx

Check the Primary story.

System

System:
    OS: macOS 14.4.1
    CPU: (10) arm64 Apple M1 Pro
    Shell: 3.6.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 20.8.0 - ~/.local/share/nvm/v20.8.0/bin/node
    Yarn: 3.4.1 - ~/.local/share/nvm/v20.8.0/bin/yarn <----- active
    npm: 10.1.0 - ~/.local/share/nvm/v20.8.0/bin/npm
  Browsers:
    Chrome: 124.0.6367.91
    Edge: 115.0.1901.200
    Safari: 17.4.1
  npmPackages:
    eslint-plugin-storybook: ^0.6.13 => 0.6.15

Additional context

No response

[shilman]

@kasperpeulen any ideas?

[kasperpeulen]

We should document this indeed cc @kylegach

In general, when reusing stories, it is best to use satisfies, this solves the type error @HosseinAgha

export const DefaultSubButton = {
  args: {
    message: '"Hello World!"',
  },
} satisfies StoryObj<typeof SubButton>;