canirequire › Dual (CommonJS + ESM) › @storybook/addon-interactions
Is @storybook/addon-interactions ESM-only? Can you require() it?
Automate, test and debug user interactions
Last verified Sep 9, 2026 against @storybook/addon-interactions@8.6.14. Markdown · JSON
Dual (CommonJS + ESM) Dual package — require() works on every Node.js version we test; import works too
@storybook/addon-interactions publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/addon-interactions") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/addon-interactions" works alongside it.
What to do
- Nothing to change. require("@storybook/addon-interactions") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as addonInteractions from "@storybook/addon-interactions" works alongside it; use named imports for what the ESM entry exports.
- TypeScript: types are bundled; install nothing extra.
Does @storybook/addon-interactions@8.6.14 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@storybook/addon-interactions") from a CommonJS file and import "@storybook/addon-interactions" from an ES module.
| Runtime | require("@storybook/addon-interactions") | import "@storybook/addon-interactions" |
|---|---|---|
| Node.js 18 | ✓ works | ✓ 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/addon-interactions
ES modules (import)
import * as addonInteractions from "@storybook/addon-interactions";Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.
CommonJS (require)
const addonInteractions = require("@storybook/addon-interactions");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 (188 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/addon-interactions ESM-only?
@storybook/addon-interactions@8.6.14 ships CommonJS and ESM builds. @storybook/addon-interactions publishes both a CommonJS entry and a native ESM entry (ESM added in 7.0.0). require("@storybook/addon-interactions") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@storybook/addon-interactions" works alongside it.
Can I require @storybook/addon-interactions?
Yes. @storybook/addon-interactions ships a CommonJS entry alongside the native ESM entry. require("@storybook/addon-interactions") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.
Does @storybook/addon-interactions work in Bun?
Yes. import "@storybook/addon-interactions" loaded successfully in Bun 1.4.0 on Sep 9, 2026.
Does @storybook/addon-interactions ship TypeScript types?
Yes. @storybook/addon-interactions 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
- tslib 2.8.1Dual
- glob 13.0.6Dual
- eslint-visitor-keys 5.0.1Dual
- yallist 5.0.0Dual
- balanced-match 4.0.4Dual
Similar popularity
- @semantic-release/release-notes-generator 14.1.1ESM-only
- @angular/material 22.1.6ESM-only
- ts-node-dev 2.0.0CommonJS
- semantic-release 25.0.9ESM-only
- vue-template-compiler 2.7.16CommonJS
- rollup-plugin-typescript2 0.37.0CommonJS
- @fortawesome/free-solid-svg-icons 7.3.1Dual
- pnp-webpack-plugin 1.7.0CommonJS