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

> @storybook/blocks@8.6.14 ships CommonJS and ESM builds. Dual package — require() works on every Node.js version we test; import works too.

Storybook Doc Blocks

Last verified Sep 9, 2026 against @storybook/blocks@8.6.14.

@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.

## Facts

- 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

## Runtime test results for @storybook/blocks@8.6.14

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 | fails (ReferenceError) |
| Node.js 20 | works | fails (ReferenceError) |
| Node.js 22 | works | fails (ReferenceError) |
| Node.js 24 | works | fails (ReferenceError) |
| Node.js 26 | works | fails (ReferenceError) |
| Bun 1.4.0 | works | fails (ReferenceError) |

## How to import @storybook/blocks

ES modules:

```js
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:

```js
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") 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

- [@storybook/blocks on npm](https://www.npmjs.com/package/@storybook/blocks)
- [Source repository](https://github.com/storybookjs/storybook)
- [HTML version](https://canirequire.com/package/@storybook/blocks/)
- [JSON version](https://canirequire.com/package/@storybook/blocks.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.