canirequire

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. Markdown · JSON

Dual (CommonJS + ESM) Dual package — require() works on every Node.js version we test; import works too

@storybook/blocks publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/blocks") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/blocks" works alongside it.

What to do

  1. Nothing to change. require("@storybook/blocks") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as blocks from "@storybook/blocks" works alongside it; use named imports for what the ESM entry exports.
  2. TypeScript: types are bundled; install nothing extra.
Latest
8.6.14 (May 16, 2025)
Module format
Dual (CommonJS + ESM)
Last CommonJS version
8.6.14
Native ESM since
7.0.0
TypeScript types
Bundled
Node engines
not declared
Weekly downloads
4.6M
License
MIT

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.

Runtimerequire("@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.0✓ works✗ failsReferenceError

How to import @storybook/blocks

ES modules (import)

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

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

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, corrected where a runtime test of that version contradicted them (151 versions; the newest 60 shown).

VersionsFormatFirst published
8.1.7 – 8.6.18Dual (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") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/blocks" works alongside it.

Can I require @storybook/blocks?

Yes. @storybook/blocks ships a CommonJS entry alongside the native ESM entry. require("@storybook/blocks") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.

Does @storybook/blocks work in Bun?

Importing @storybook/blocks failed in Bun 1.4.0 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

Similar popularity