Storybook: New Component Story Format (CSF) doesn't work with old recommended way to load stories

[hipstersmoothie]

Describe the bug

When trying to switch to CSF none of my stories were loading. Looking at the docs it seems like you can now call configure a little differently:

configure(require.context('../stories', true, /\.stories\.js$/), module);

When i switch my config.js to this the CSF stories load. but when I use the old way I am greeted with no stories and no helpful error message.

the old way

function loadStories() {
  const req = require.context(
    require.context('../stories', true, /\.stories\.js$/)
  );

  req.keys().forEach(req);
}

configure(loadStories, module);

To Reproduce
Steps to reproduce the behavior:

1. Clone https://github.com/hipstersmoothie/storybook-bug
2. yarn
3. yarn storybook

Expected behavior

Loads the stories.

System:
Please paste the results of npx -p @storybook/cli@next sb info here.

[shilman]

@hipstersmoothie It's not supposed to and it actually can't. It's documented here: https://storybook.js.org/docs/basics/writing-stories/#loading-stories

[hipstersmoothie]

Ah I see it looks like I was almost doing the right thing. I just have to return the required stories.

[sergej-s]

CFS isn't loaded also if I use require-context.macro as described here https://www.npmjs.com/package/@storybook/addon-storyshots#configure-jest-to-work-with-webpacks-requirecontext (Option 2)
So tests don't work with migrated stories :(

[shilman]

@sergej-s I think that's being addressed by #8000 ?

[donaldpipowitch]

Also I followed CSF closely I seem to have missed that part every time 🤔 You also can't mix'n'match the old format and new format correct? (Loader function passed to 'configure' should return void or an array of module exports that all contain a 'default' export.)

[shilman]

@donaldpipowitch You can mix and match, you just need to do it deliberately. See the last code example here:

https://github.com/storybookjs/storybook/blob/next/docs/src/pages/basics/writing-stories/index.md#loading-stories