add tsx support for <Canvas />

[jantimon]

Canvas supports mdxSource but does not allow to set a language and always fallsback to jsx.
Therefore it is not possible to set it to tsx.

Describe the solution you'd like
Right now Canvas has only the mdxSource prop:

storybook/addons/docs/src/blocks/Canvas.tsx

Line 17 in 0404fa9

mdxSource?: string;

This value is handed over to getSourceProps without specifying a language:

storybook/addons/docs/src/blocks/Canvas.tsx

Line 33 in 0404fa9

withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),

getSourceProps will use jsx as default:

storybook/addons/docs/src/blocks/Source.tsx

Line 150 in 0404fa9

language: props.language || docsLanguage || 'jsx',

It would be cool if mdxSource would be an object and allows passing over SourceProps or if we could add an optional mdxSourceLanguage property

Are you able to assist to bring the feature to reality?
yes

[shilman]

We’re cleaning house! Storybook has changed a lot since this issue was created and we don’t know if it’s still valid. Please open a new issue referencing this one if this is still relevant in SB 7.x.