canirequire › Dual (CommonJS + ESM) › @radix-ui/react-focus-guards
Is @radix-ui/react-focus-guards ESM-only? Can you require() it?
Last verified Sep 9, 2026 against @radix-ui/react-focus-guards@1.1.6. Markdown · JSON
Dual (CommonJS + ESM) Dual package — require() works on every Node.js version we test; import works too
@radix-ui/react-focus-guards publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.1). require("@radix-ui/react-focus-guards") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-focus-guards" works alongside it.
What to do
- Nothing to change. require("@radix-ui/react-focus-guards") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as reactFocusGuards from "@radix-ui/react-focus-guards" works alongside it; use named imports for what the ESM entry exports.
- TypeScript: types are bundled; install nothing extra.
Does @radix-ui/react-focus-guards@1.1.6 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@radix-ui/react-focus-guards") from a CommonJS file and import "@radix-ui/react-focus-guards" from an ES module.
| Runtime | require("@radix-ui/react-focus-guards") | import "@radix-ui/react-focus-guards" |
|---|---|---|
| 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 @radix-ui/react-focus-guards
ES modules (import)
import * as reactFocusGuards from "@radix-ui/react-focus-guards";Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.
CommonJS (require)
const reactFocusGuards = require("@radix-ui/react-focus-guards");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 (17 versions; the newest 17 shown).
| Versions | Format | First published |
|---|---|---|
| 1.0.1 – 1.1.6 | Dual (CommonJS + ESM) | May 26, 2023 |
| 0.0.1 – 1.0.0 | CommonJS | Dec 15, 2020 |
Frequently asked
Is @radix-ui/react-focus-guards ESM-only?
@radix-ui/react-focus-guards@1.1.6 ships CommonJS and ESM builds. @radix-ui/react-focus-guards publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.1). require("@radix-ui/react-focus-guards") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-focus-guards" works alongside it.
Can I require @radix-ui/react-focus-guards?
Yes. @radix-ui/react-focus-guards ships a CommonJS entry alongside the native ESM entry. require("@radix-ui/react-focus-guards") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.
Does @radix-ui/react-focus-guards work in Bun?
Yes. import "@radix-ui/react-focus-guards" loaded successfully in Bun 1.4.0 on Sep 9, 2026.
Does @radix-ui/react-focus-guards ship TypeScript types?
Yes. @radix-ui/react-focus-guards 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
- is-finalizationregistry 1.1.1CommonJS
- fflate 0.8.3Dual
- web-streams-polyfill 4.3.0Dual
- import-in-the-middle 3.5.0CommonJS
- @csstools/css-tokenizer 4.0.0ESM-only
- @jest/fake-timers 30.5.1Dual
- bignumber.js 11.1.5Dual
- @jest/environment 30.5.1CommonJS