# Is @storybook/react-webpack5 ESM-only? Can you require() it?

> @storybook/react-webpack5@10.6.0 is ESM-only. ESM-only since 10.0.0 — last CommonJS version is 9.1.20.

Storybook for React and Webpack: Develop, document, and test UI components in isolation

Last verified Sep 9, 2026 against @storybook/react-webpack5@10.6.0.

@storybook/react-webpack5 dropped its CommonJS build in 10.0.0 (October 2025). The last version with a plain require()-able CommonJS entry is 9.1.20, published Mar 5, 2026; it declares support for Node.js >=20.0.0.

On Node.js 20.19+, 22.12+ and newer, require("@storybook/react-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. On Node.js 18, which has no require(esm), require("@storybook/react-webpack5") fails with ERR_REQUIRE_ESM.

## What to do

1. On Node.js 20.19+, 22.12+ and newer, require("@storybook/react-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26.
2. From a CommonJS file, use a dynamic import inside an async function: const reactWebpack5 = await import("@storybook/react-webpack5"). That works on every Node.js version the package supports.
3. If you need a synchronous require(): npm install @storybook/react-webpack5@9.1.20, the last CommonJS release (published Mar 5, 2026); it declares Node.js >=20.0.0.
4. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 10.6.0 (Sep 2, 2026)
- Module format: ESM-only
- Last CommonJS version: 9.1.20
- ESM-only since: 10.0.0 (Oct 28, 2025)
- TypeScript types: bundled
- Node engines: not declared
- Weekly downloads: 2.3M
- License: MIT

## Runtime test results for @storybook/react-webpack5@10.6.0

Installed and executed on Sep 9, 2026 with require("@storybook/react-webpack5") from a CommonJS file and import "@storybook/react-webpack5" from an ES module.

| Runtime | require("@storybook/react-webpack5") | import "@storybook/react-webpack5" |
|---|---|---|
| Node.js 18 | fails (ERR_REQUIRE_ESM) | works |
| Node.js 20 | works | works |
| Node.js 22 | works | works |
| Node.js 24 | works | works |
| Node.js 26 | works | works |
| Bun 1.4.0 | works | works |

## How to import @storybook/react-webpack5

ES modules:

```js
import * as reactWebpack5 from "@storybook/react-webpack5";
```

Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.

CommonJS:

```js
// Node.js 20.19+, 22.12+ and newer (verified):
const reactWebpack5 = require("@storybook/react-webpack5");

// Any Node.js version the package supports, from an async function:
async function main() {
  const reactWebpack5 = await import("@storybook/react-webpack5");
}

// Or pin the last CommonJS release (declares Node.js >=20.0.0):
// npm install @storybook/react-webpack5@9.1.20
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (257 versions; the newest 60 shown).

| Versions | Format | First published |
|---|---|---|
| 10.0.7 – 10.6.0 | ESM-only | Nov 11, 2025 |

## Frequently asked

**Is @storybook/react-webpack5 ESM-only?**

@storybook/react-webpack5@10.6.0 is ESM-only. @storybook/react-webpack5 dropped its CommonJS build in 10.0.0 (October 2025). The last version with a plain require()-able CommonJS entry is 9.1.20, published Mar 5, 2026; it declares support for Node.js >=20.0.0.

**Which version of @storybook/react-webpack5 still supports CommonJS / require()?**

9.1.20 is the last version of @storybook/react-webpack5 with a CommonJS build; it declares Node.js >=20.0.0. Install it with "npm install @storybook/react-webpack5@9.1.20". Every version from 10.0.0 on is ESM-only.

**How do I use @storybook/react-webpack5 from a CommonJS file?**

From a CommonJS file, use a dynamic import inside an async function: const reactWebpack5 = await import("@storybook/react-webpack5"). That works on every Node.js version the package supports. On Node.js 20.19+, 22.12+ and newer, require("@storybook/react-webpack5") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Alternatively pin @storybook/react-webpack5@9.1.20 (declares Node.js >=20.0.0).

**Does @storybook/react-webpack5 work in Bun?**

Yes. import "@storybook/react-webpack5" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

**Does @storybook/react-webpack5 ship TypeScript types?**

Yes. @storybook/react-webpack5 bundles its own type declarations; no @types package is needed.

## Links

- [@storybook/react-webpack5 on npm](https://www.npmjs.com/package/@storybook/react-webpack5)
- [Source repository](https://github.com/storybookjs/storybook)
- [HTML version](https://canirequire.com/package/@storybook/react-webpack5/)
- [JSON version](https://canirequire.com/package/@storybook/react-webpack5.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.