Hot Module Reload in web components storybook v6.0.20

I configured @storybook/web-components HMR referring to Setup page reload via HMR After upgrading v6.0.20, this warning message was appeared.

configure() is deprecated and will be removed in Storybook 7.0. Please use the stories field of main.js to load stories.

That’s why I wanna remove congiure() from preview.js! If I removed configure(), maybe it works normally.

const req = require.context('../src', true, /\.stories\.(js|mdx)$/);
if (module.hot) {
  module.hot.accept(req.id, () => {
    const currentLocationHref = window.location.href;
    window.history.pushState(null, null, currentLocationHref);
    window.location.reload();
  });
}

Is it the correct way ? Or are there any alternative way ? Thank you !

[blikblum]

By following web-components documantation you end up in a situation with both settings: ‘npx -p @storybook/cli sb init -t web_components’ creates main.js with stories config and in hot reload workaround instructions does not mention the need to remove main.js config.

If the workaround will stay for some time, a note in the documentation may be worth

[shilman]

As a temporary workaround, you should be able to continue using configure and ignore the warning for now. We need to sort this out in 6.x. @daKmoR can you help figure out the upgrade here?