# @types/storybook-addon-jsx

> TypeScript definitions for storybook-addon-jsx

Latest version **7.0.8** (published 2025-11-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/storybook-addon-jsx
pnpm add @types/storybook-addon-jsx
yarn add @types/storybook-addon-jsx
bun add @types/storybook-addon-jsx
```

## Health

**Score 65/100 (B)** — status: stable.

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

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 7.0.8 |
| Published | 2025-11-14 |
| First published | 2018-07-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 5.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51444 |
| Maintainers | types |

## Links

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

## Dependencies (3)

- [@types/react](https://npm.io/package/@types/react.md) *
- [@storybook/react](https://npm.io/package/@storybook/react.md) ^6.5.9
- [@storybook/addons](https://npm.io/package/@storybook/addons.md) ^6.5.9

## Recent versions

- 7.0.8 (latest) — 2025-11-14
- 7.0.7 (ts4.5) — 2023-11-07
- 7.0.4 (ts4.0) — 2022-07-26
- 7.0.3 (ts3.8) — 2022-01-11
- 7.0.2 (ts3.6) — 2021-07-02
- 7.0.1 (ts3.1) — 2019-11-22
- 5.4.3 (ts2.8) — 2019-03-19
- 5.3.0 (ts2.6) — 2018-07-24
- 7.0.6 — 2023-10-18
- 7.0.5 — 2023-09-25
- 7.0.0 — 2019-11-04
- 5.4.2 — 2019-02-13
- 5.4.1 — 2019-01-21
- 5.4.0 — 2018-09-24
- 5.3.1 — 2018-08-06

## README

# Installation
> `npm install --save @types/storybook-addon-jsx`

# Summary
This package contains type definitions for storybook-addon-jsx (https://github.com/storybookjs/addon-jsx).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/storybook-addon-jsx.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/storybook-addon-jsx/index.d.ts)
````ts
import { DecoratorFunction, Parameters, StoryApi } from "@storybook/addons";
import { ReactElement, ReactNode } from "react";

export type displayNameFunc = (element: ReactElement) => string;

export interface AddonParameters {
    skip?: number | undefined;
    enableBeautify?: boolean | undefined;
    onBeforeRender?: ((domString: string) => string) | undefined;
    displayName?: string | displayNameFunc | undefined;
}

export type AddWithJSXFunc<StoryFnReturnType> = (
    kind: string,
    fn: () => ReactNode,
    options?: AddonParameters,
) => StoryApi<StoryFnReturnType>;

declare module "@storybook/addons" {
    interface ClientStoryApi<StoryFnReturnType = unknown> {
        storiesOf(kind: string, module: NodeJS.Module):
            & StoryApi<StoryFnReturnType>
            & { addWithJSX: AddWithJSXFunc<StoryFnReturnType> };
        addDecorator(decorator: DecoratorFunction<StoryFnReturnType>): StoryApi<StoryFnReturnType>;
        addParameters(parameter: Parameters & { jsx: AddonParameters }): StoryApi<StoryFnReturnType>;
    }
}

export const jsxDecorator: DecoratorFunction<ReactElement<unknown>>;

````

### Additional Details
 * Last updated: Fri, 14 Nov 2025 18:02:08 GMT
 * Dependencies: [@storybook/addons](https://npmjs.com/package/@storybook/addons), [@storybook/react](https://npmjs.com/package/@storybook/react), [@types/react](https://npmjs.com/package/@types/react)

# Credits
These definitions were written by [James Newell](https://github.com/jameslnewell).

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