canirequire

canirequire › Dual (CommonJS + ESM) › @radix-ui/react-avatar

Is @radix-ui/react-avatar ESM-only? Can you require() it?

Last verified Sep 9, 2026 against @radix-ui/react-avatar@1.2.6. Markdown · JSON

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

@radix-ui/react-avatar publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-avatar") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-avatar" works alongside it.

What to do

  1. Nothing to change. require("@radix-ui/react-avatar") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as reactAvatar from "@radix-ui/react-avatar" works alongside it; use named imports for what the ESM entry exports.
  2. TypeScript: types are bundled; install nothing extra.
Latest
1.2.6 (Jul 24, 2026)
Module format
Dual (CommonJS + ESM)
Last CommonJS version
1.2.6
Native ESM since
1.0.3
TypeScript types
Bundled
Node engines
not declared
Weekly downloads
42.3M
License
MIT

Does @radix-ui/react-avatar@1.2.6 actually load? Runtime test results

Installed and executed on Sep 9, 2026 with require("@radix-ui/react-avatar") from a CommonJS file and import "@radix-ui/react-avatar" from an ES module.

Runtimerequire("@radix-ui/react-avatar")import "@radix-ui/react-avatar"
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-avatar

ES modules (import)

import * as reactAvatar from "@radix-ui/react-avatar";

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

CommonJS (require)

const reactAvatar = require("@radix-ui/react-avatar");

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 (45 versions; the newest 45 shown).

VersionsFormatFirst published
1.0.3 – 1.2.6Dual (CommonJS + ESM)May 26, 2023
0.0.1 – 1.0.2CommonJSDec 15, 2020

Frequently asked

Is @radix-ui/react-avatar ESM-only?

@radix-ui/react-avatar@1.2.6 ships CommonJS and ESM builds. @radix-ui/react-avatar publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-avatar") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-avatar" works alongside it.

Can I require @radix-ui/react-avatar?

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

Does @radix-ui/react-avatar work in Bun?

Yes. import "@radix-ui/react-avatar" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

Does @radix-ui/react-avatar ship TypeScript types?

Yes. @radix-ui/react-avatar bundles its own type declarations; no @types package is needed.

Links

Other dual (commonjs + esm) packages

Similar popularity