canirequire › Dual (CommonJS + ESM) › @storybook/blocks
Is @storybook/blocks ESM-only? Can you require() it?
Storybook Doc Blocks
Last verified Sep 9, 2026 against @storybook/blocks@8.6.14. JSON
Dual (CommonJS + ESM) Dual package — both require() and import work
@storybook/blocks publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/blocks") and import "@storybook/blocks" both work on every supported Node.js version and in Bun.
Does @storybook/blocks@8.6.14 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@storybook/blocks") from a CommonJS file and import "@storybook/blocks" from an ES module.
| Runtime | require("@storybook/blocks") | import "@storybook/blocks" |
|---|---|---|
| Node.js 18 | ✓ works | ✗ failsReferenceError |
| Node.js 20 | ✓ works | ✗ failsReferenceError |
| Node.js 22 | ✓ works | ✗ failsReferenceError |
| Node.js 24 | ✓ works | ✗ failsReferenceError |
| Node.js 26 | ✓ works | ✗ failsReferenceError |
| Bun 1.4 | ✓ works | ✗ failsReferenceError |
How to import @storybook/blocks
ES modules (import)
import blocks from "@storybook/blocks";CommonJS (require)
const blocks = require("@storybook/blocks");Module format by version
Derived from the type, main and exports fields of every stable release on npm (151 versions; the newest 60 shown).
| Versions | Format | First published |
|---|---|---|
| 8.1.7 – 8.6.18 | Dual (CommonJS + ESM) | Jun 12, 2024 |
Frequently asked
Is @storybook/blocks ESM-only?
@storybook/blocks@8.6.14 ships CommonJS and ESM builds. @storybook/blocks publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/blocks") and import "@storybook/blocks" both work on every supported Node.js version and in Bun.
Can I require @storybook/blocks?
Yes. @storybook/blocks ships a CommonJS entry, so require("@storybook/blocks") works on every Node.js version, alongside the native ESM entry for import.
Does @storybook/blocks work in Bun?
Importing @storybook/blocks failed in Bun 1.4 on Sep 9, 2026: ReferenceError: document is not defined
Does @storybook/blocks ship TypeScript types?
Yes. @storybook/blocks bundles its own type declarations; no @types package is needed.
Links
Other dual (commonjs + esm) packages
- minimatch 10.2.6Dual
- brace-expansion 5.0.9Dual
- lru-cache 11.5.2Dual
- glob 13.0.6Dual
- eslint-visitor-keys 5.0.1Dual
- yallist 5.0.0Dual
- balanced-match 4.0.4Dual
- js-yaml 5.4.1Dual
Similar popularity
- @rollup/plugin-terser 1.0.0Dual
- @storybook/addon-actions 9.0.8Dual
- @storybook/builder-webpack5 10.6.0No entry
- @angular/core 22.1.5ESM-only
- @babel/plugin-proposal-export-namespace-from 7.18.9CommonJS
- @storybook/addon-essentials 8.6.14Dual
- @angular/common 22.1.5ESM-only
- @storybook/addon-links 10.6.0No entry