CRA preset: triconfig compatibility about presets

[mrmckeb]

OK, will look tonight if possible!

[shilman]

Here's how it's handled in the built-in preset:

storybookjs/storybook@51c9b2a

[shilman]

Can confirm that Storybook changes, presumably those in storybookjs/storybook#9075 have broken the preset, both in Triconfig mode (main.js) and ALSO in traditional configuration mode (config.js/presets.js).

To reproduce:

1. Follow instructions in https://gist.github.com/shilman/bc9cbedb2a7efb5ec6710337cbd20c0c
2. Observe no prop tables
3. Run with --debug-webpack to show that no TS loader was added
4. Downgrade to 5.3.0-beta.16 and re-run, observe prop tables

[mrmckeb]

Thanks @shilman, I can take a look at this over this week - alongside the cleanup/quality work.

This is going to be part of 5.3.0?

[shilman]

@mrmckeb Thank you! It's already part of 5.3 and breaking users since beta.16 😁

[danfinch100]

Hi - I tried downgrading to 5.3.0-beta.16 but still can't see the props. Could you post a basic package.json with the last stable (non-beta) version where this is working? Even better would be a starter project where the configuration (i.e. Tri config or traditional) is clear. Thanks

[shilman]

@danfinch100 follow this with beta.15 or below: https://gist.github.com/shilman/bc9cbedb2a7efb5ec6710337cbd20c0c

[danfinch100]

Great, that works - thanks. Also, should point out that the comments i.e. 'The world's most basic button' weren't working either but are with beta.15 ... thats both:

npx -p @storybook/[email protected] sb init --story-format=csf-ts

and

yarn add @storybook/[email protected] --dev