# Is @radix-ui/react-use-callback-ref ESM-only? Can you require() it?

> @radix-ui/react-use-callback-ref@1.1.4 ships CommonJS and ESM builds. Dual package — require() works on every Node.js version we test; import works too.

Last verified Sep 9, 2026 against @radix-ui/react-use-callback-ref@1.1.4.

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

## What to do

1. Nothing to change. require("@radix-ui/react-use-callback-ref") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as reactUseCallbackRef from "@radix-ui/react-use-callback-ref" works alongside it; use named imports for what the ESM entry exports.
2. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 1.1.4 (Jul 24, 2026)
- Module format: Dual (CommonJS + ESM)
- Last CommonJS version: 1.1.4
- Native ESM since: 1.0.1
- TypeScript types: bundled
- Node engines: not declared
- Weekly downloads: 74.8M
- License: MIT

## Runtime test results for @radix-ui/react-use-callback-ref@1.1.4

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

| Runtime | require("@radix-ui/react-use-callback-ref") | import "@radix-ui/react-use-callback-ref" |
|---|---|---|
| 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-use-callback-ref

ES modules:

```js
import * as reactUseCallbackRef from "@radix-ui/react-use-callback-ref";
```

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

CommonJS:

```js
const reactUseCallbackRef = require("@radix-ui/react-use-callback-ref");
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (13 versions; the newest 13 shown).

| Versions | Format | First published |
|---|---|---|
| 1.0.1 – 1.1.4 | Dual (CommonJS + ESM) | May 26, 2023 |
| 0.0.1 – 1.0.0 | CommonJS | Mar 3, 2021 |

## Frequently asked

**Is @radix-ui/react-use-callback-ref ESM-only?**

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

**Can I require @radix-ui/react-use-callback-ref?**

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

**Does @radix-ui/react-use-callback-ref work in Bun?**

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

**Does @radix-ui/react-use-callback-ref ship TypeScript types?**

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

## Links

- [@radix-ui/react-use-callback-ref on npm](https://www.npmjs.com/package/@radix-ui/react-use-callback-ref)
- [Source repository](https://github.com/radix-ui/primitives)
- [HTML version](https://canirequire.com/package/@radix-ui/react-use-callback-ref/)
- [JSON version](https://canirequire.com/package/@radix-ui/react-use-callback-ref.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.
