Doesn't seem to work for webpack 5

[Ryan Stephens]

We're using webpack 5 and Storybook 6.4 for our current project and storybook will not build given the directions outlined in the documentation for setting this up.

Errors I am seeing are as follows:

ERR! Addon value should end in /register OR it should be a valid preset https://storybook.js.org/docs/react/addons/writing-presets/
ERR! @storybook-addon-deps

ERROR in ./node_modules/@storybook/store/dist/esm/autoTitle.js 30:0-24
Module not found: Error: Can't resolve 'path' in '{path_to_app}/frontend/node_modules/@storybook/store/dist/esm'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/@storybook/store/dist/esm/index.js 10:0-28 10:0-28
 @ ./node_modules/@storybook/addon-docs/dist/esm/blocks/ArgsTable.js
 @ ./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js 3:0-28 3:0-28

ERROR in ./node_modules/storybook-dep-webpack-plugin/runtime/main.js 1:0-24
Module not found: Error: Can't resolve 'path' in '{path_to_app}/frontend/node_modules/storybook-dep-webpack-plugin/runtime'

I know this dnd is not your library or storybook specific... but configuring things as per your docs seems to break all the react-dnd stuff (this is one of 4 errors that have now appeared after adding / setting up the storybook-addon-deps package

ERROR in ./node_modules/react-dnd/lib/index.js 1:0-25
Module not found: Error: Can't resolve './common' in '{path_to_app}/frontend/node_modules/react-dnd/lib'