canirequire

canirequire › ESM-only › @storybook/react

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

Storybook React renderer

Last verified Sep 9, 2026 against @storybook/react@10.6.0. Markdown · JSON

ESM-only ESM-only since 10.0.0 — last CommonJS version is 9.1.20

@storybook/react 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") 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") fails with ERR_REQUIRE_ESM.

What to do

  1. On Node.js 20.19+, 22.12+ and newer, require("@storybook/react") 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 react = await import("@storybook/react"). That works on every Node.js version the package supports.
  3. If you need a synchronous require(): npm install @storybook/react@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.
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
14.5M
License
MIT

Does @storybook/react@10.6.0 actually load? Runtime test results

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

Runtimerequire("@storybook/react")import "@storybook/react"
Node.js 18✗ failsERR_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

ES modules (import)

import * as react from "@storybook/react";

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

CommonJS (require)

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

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

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

Module format by version

Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (498 versions; the newest 60 shown).

VersionsFormatFirst published
10.0.7 – 10.6.0ESM-onlyNov 11, 2025

Frequently asked

Is @storybook/react ESM-only?

@storybook/react@10.6.0 is ESM-only. @storybook/react 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 still supports CommonJS / require()?

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

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

From a CommonJS file, use a dynamic import inside an async function: const react = await import("@storybook/react"). That works on every Node.js version the package supports. On Node.js 20.19+, 22.12+ and newer, require("@storybook/react") 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@9.1.20 (declares Node.js >=20.0.0).

Does @storybook/react work in Bun?

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

Does @storybook/react ship TypeScript types?

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

Links

Other esm-only packages

Similar popularity