Use with TypeScript

Is there currently a way to use this with TypeScript? I know that there isn’t a @types package, but I’m wondering if anyone has a declaration file that they’re successfully using. I’m currently getting the error [ts] Property 'addWithJSX' does not exist on type 'Story'.

[timkrins]

@types has a package now.

npm install @types/storybook-addon-jsx --save-dev

[rosskevin]

The way to do this locally is by setting up module augmentation: https://www.typescriptlang.org/docs/handbook/declaration-merging.html

Here is the content needed in something like storybook.d.ts:

import { RenderFunction } from '@storybook/react'

declare module '@storybook/react' {
  export interface Story {
    addWithJSX(storyName: string, callback: RenderFunction): this
  }
}

Then you can use it like normal without casting to any