# @types/react-hammerjs

> TypeScript definitions for react-hammerjs

Latest version **1.0.8** (published 2025-10-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-hammerjs
pnpm add @types/react-hammerjs
yarn add @types/react-hammerjs
bun add @types/react-hammerjs
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2025-10-24 |
| First published | 2018-07-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 7.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51460 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/react-hammerjs
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hammerjs
- npm.io page: https://npm.io/package/@types/react-hammerjs

## Dependencies (2)

- [@types/react](https://npm.io/package/@types/react.md) *
- [@types/hammerjs](https://npm.io/package/@types/hammerjs.md) *

## Recent versions

- 1.0.8 (latest) — 2025-10-24
- 1.0.7 (ts4.6) — 2023-11-07
- 1.0.4 (ts4.4) — 2021-12-17
- 1.0.3 (ts3.7) — 2021-10-14
- 1.0.2 (ts3.6) — 2021-07-08
- 1.0.1 (ts2.9) — 2019-02-21
- 0.5.7 — 2025-10-24
- 0.5.6 — 2023-11-07
- 0.5.5 — 2023-10-18
- 1.0.6 — 2023-10-18
- 0.5.4 — 2023-09-27
- 1.0.5 — 2023-09-27
- 0.5.3 — 2021-10-14
- 0.5.2 — 2021-07-08
- 1.0.0 — 2018-09-10
- … 2 more at https://npm.io/package/@types/react-hammerjs/versions

## README

# Installation
> `npm install --save @types/react-hammerjs`

# Summary
This package contains type definitions for react-hammerjs (https://github.com/JedWatson/react-hammerjs#readme).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hammerjs.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hammerjs/index.d.ts)
````ts
import Hammer = require("hammerjs");
import * as React from "react";

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

type HammerOptionsWithRecognizers = Omit<HammerOptions, "recognizers"> & {
    recognizers?: { [gesture: string]: RecognizerOptions } | undefined;
};

declare namespace ReactHammer {
    interface ReactHammerProps {
        children: React.ReactElement;
        direction?:
            | "DIRECTION_NONE"
            | "DIRECTION_LEFT"
            | "DIRECTION_RIGHT"
            | "DIRECTION_UP"
            | "DIRECTION_DOWN"
            | "DIRECTION_HORIZONTAL"
            | "DIRECTION_VERTICAL"
            | "DIRECTION_ALL"
            | undefined;
        options?: HammerOptionsWithRecognizers | undefined;
        recognizeWith?: { [gesture: string]: Recognizer | string } | undefined;
        vertical?: boolean | undefined;
        action?: HammerListener | undefined;
        onDoubleTap?: HammerListener | undefined;
        onPan?: HammerListener | undefined;
        onPanCancel?: HammerListener | undefined;
        onPanEnd?: HammerListener | undefined;
        onPanStart?: HammerListener | undefined;
        onPinch?: HammerListener | undefined;
        onPinchCancel?: HammerListener | undefined;
        onPinchEnd?: HammerListener | undefined;
        onPinchIn?: HammerListener | undefined;
        onPinchOut?: HammerListener | undefined;
        onPinchStart?: HammerListener | undefined;
        onPress?: HammerListener | undefined;
        onPressUp?: HammerListener | undefined;
        onRotate?: HammerListener | undefined;
        onRotateCancel?: HammerListener | undefined;
        onRotateEnd?: HammerListener | undefined;
        onRotateMove?: HammerListener | undefined;
        onRotateStart?: HammerListener | undefined;
        onSwipe?: HammerListener | undefined;
        onSwipeRight?: HammerListener | undefined;
        onSwipeLeft?: HammerListener | undefined;
        onSwipeUp?: HammerListener | undefined;
        onSwipeDown?: HammerListener | undefined;
        onTap?: HammerListener | undefined;
    }
}
declare const ReactHammer: React.ComponentClass<ReactHammer.ReactHammerProps>;
export = ReactHammer;

````

### Additional Details
 * Last updated: Fri, 24 Oct 2025 04:02:41 GMT
 * Dependencies: [@types/hammerjs](https://npmjs.com/package/@types/hammerjs), [@types/react](https://npmjs.com/package/@types/react)

# Credits
These definitions were written by [Jason Unger](https://github.com/jsonunger), and [Cecchi MacNaughton](https://github.com/cecchi).

---
_Source: https://npm.io/package/@types/react-hammerjs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._