docs: replaced 'as ComponentMeta' in TypeScript stories

[natterstefan]

Issue: Unsafe TypeScript examples

What I did

I refactored all TypeScript stories and removed the as ComponentMeta<typeof Example> type assertions. In my opinion, we should use the type as we would other types too (e.g. const foo: Foo = { hello: 'world' }). We should not use as as a way of typing this when it is not the last resort because TypeScript can't infer the type, shouldn't we? 🤔

I am curious to hear what you think. :)

Maybe related PRs and Issues

• React: Add ComponentStory convenience type #14780
• CLI: Update types in React typescript templates #15292

How to test

• Is this testable with Jest or Chromatic screenshots?
• Does this need a new example in the kitchen sink apps?
• Does this need an update to the documentation?

If your answer is yes to any of these, please make sure to include it in your PR.

[nx-cloud]

☁️ Nx Cloud Report

CI ran the following commands for commit 8c1ad7b. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[natterstefan]

CircleCi is failing, but I do not think that's related to my change 🤔

[ndelangen]

@natterstefan thank you for the PR.

I agree that this PR improves type safety / strictness which is great.
It does come with a cost of having code in 2 statements vs a single one.

If it wasn't for the above and the fact that this will likely ship very soon in TypeScript:
microsoft/TypeScript#7481

...we'd be merging it. But we don't want to change to something now, and then N months into the future change it again.
This would be annoying to users of storybook, right?
In this instance I'd rather change once, N months from now.

Thank you again for the PR, I can you you're passionate and willing to help. We truly appreciate it!

[natterstefan]

Hi @ndelangen,

thanks for your feedback and for sharing the link. I wasn't aware of that and makes sense to me. I appreciate the time you invested to share your opinion about this with me.

I will keep an eye on the TypeScript issue and maybe open another PR in the future once they are ready. :)

Until then, thank you for continuing to develop Storybook!