Repository: storybook
Issue: MODULE_NOT_FOUND error when running storybook on fresh project
Labels: bug,needs triage

**Describe the bug**
After installing Nextjs, Chakra-UI, and Storybook, when I ran `npm run storybook`, I got an error **MODULE_NOT_FOUND**

```
➜  chakra-storybook-bug git:(main) ✗ npm run storybook

> chakra-storybook-bug@0.1.0 storybook
> start-storybook -p 6006

info @storybook/react v6.4.22
info 
info => Loading presets
info => Using implicit CSS loaders
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
9% setup compilation DocGenPluginnode:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'webpack/lib/util/makeSerializable.js'
Require stack:
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/dependency.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/plugin.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/index.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/dist/cjs/server/framework-preset-react-docgen.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-common/dist/cjs/presets.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-common/dist/cjs/index.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-server/dist/cjs/index.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core/dist/cjs/server.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core/server.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/dist/cjs/server/index.js
- /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/bin/index.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/dependency.js:6:55)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/plugin.js:108:42
    at Hook.eval [as call] (eval at create (/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/builder-webpack5/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:374:1)
    at Hook.CALL_DELEGATE [as _call] (/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/builder-webpack5/node_modules/webpack/node_modules/tapable/lib/Hook.js:14:14)
    at Compiler.newCompilation (/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1122:26)
    at /Users/raj/code/chakra-storybook-bug/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1166:29 {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/dependency.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/plugin.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react-docgen-typescript-plugin/dist/index.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/dist/cjs/server/framework-preset-react-docgen.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-common/dist/cjs/presets.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-common/dist/cjs/index.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core-server/dist/cjs/index.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core/dist/cjs/server.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/core/server.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/dist/cjs/server/index.js',
    '/Users/raj/code/chakra-storybook-bug/node_modules/@storybook/react/bin/index.js'
  ]
}
```

**To Reproduce**
Link to GitHub repo - https://github.com/rajmasha/chakra-storybook-bug

Run the following commands to install and run:
1. npx create-next-app@latest --typescript
2. npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
3. npx sb init --builder webpack5
4. npm run storybook

**System**
Environment Info:

  System:
    OS: macOS 12.0.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 16.14.2 - /usr/local/bin/node
    Yarn: 1.22.18 - /usr/local/bin/yarn
    npm: 8.5.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 101.0.4951.54
    Firefox: 100.0
    Safari: 15.1
  npmPackages:
    @storybook/addon-actions: ^6.4.22 => 6.4.22 
    @storybook/addon-essentials: ^6.4.22 => 6.4.22 
    @storybook/addon-interactions: ^6.4.22 => 6.4.22 
    @storybook/addon-links: ^6.4.22 => 6.4.22 
    @storybook/builder-webpack5: ^6.4.22 => 6.4.22 
    @storybook/manager-webpack5: ^6.4.22 => 6.4.22 
    @storybook/react: ^6.4.22 => 6.4.22 
    @storybook/testing-library: ^0.0.11 => 0.0.11