canirequire › Dual (CommonJS + ESM) › @radix-ui/react-visually-hidden
Is @radix-ui/react-visually-hidden ESM-only? Can you require() it?
Last verified Sep 9, 2026 against @radix-ui/react-visually-hidden@1.2.11. JSON
Dual (CommonJS + ESM) Dual package — both require() and import work
@radix-ui/react-visually-hidden publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-visually-hidden") and import "@radix-ui/react-visually-hidden" both work on every supported Node.js version and in Bun.
Does @radix-ui/react-visually-hidden@1.2.11 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@radix-ui/react-visually-hidden") from a CommonJS file and import "@radix-ui/react-visually-hidden" from an ES module.
| Runtime | require("@radix-ui/react-visually-hidden") | import "@radix-ui/react-visually-hidden" |
|---|---|---|
| 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 | ✓ works | ✓ works |
How to import @radix-ui/react-visually-hidden
ES modules (import)
import reactVisuallyHidden from "@radix-ui/react-visually-hidden";CommonJS (require)
const reactVisuallyHidden = require("@radix-ui/react-visually-hidden");Module format by version
Derived from the type, main and exports fields of every stable release on npm (40 versions; the newest 40 shown).
| Versions | Format | First published |
|---|---|---|
| 1.0.3 – 1.2.11 | Dual (CommonJS + ESM) | May 26, 2023 |
| 0.0.1 – 1.0.2 | CommonJS | Dec 15, 2020 |
Frequently asked
Is @radix-ui/react-visually-hidden ESM-only?
@radix-ui/react-visually-hidden@1.2.11 ships CommonJS and ESM builds. @radix-ui/react-visually-hidden publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-visually-hidden") and import "@radix-ui/react-visually-hidden" both work on every supported Node.js version and in Bun.
Can I require @radix-ui/react-visually-hidden?
Yes. @radix-ui/react-visually-hidden ships a CommonJS entry, so require("@radix-ui/react-visually-hidden") works on every Node.js version, alongside the native ESM entry for import.
Does @radix-ui/react-visually-hidden work in Bun?
Yes. import "@radix-ui/react-visually-hidden" loaded successfully in Bun 1.4 on Sep 9, 2026.
Does @radix-ui/react-visually-hidden ship TypeScript types?
Yes. @radix-ui/react-visually-hidden 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
- boolbase 2.0.0ESM-only
- unist-util-stringify-position 4.0.0ESM-only
- jest-haste-map 30.5.1Dual
- @testing-library/jest-dom 7.0.1Dual
- istanbul-lib-source-maps 5.0.6CommonJS
- webpack-sources 3.5.1CommonJS
- @tanstack/react-query 5.102.8Dual
- is-data-view 1.0.2CommonJS