Docs: Interactivity API - TypeScript snippet is used in the sample.

[atachibana]

Description

Actions section of 'Elements of the store' is using TypeScript snippet.
https://github.com/WordPress/gutenberg/blob/trunk/docs/reference-guides/interactivity-api/api-reference.md
Can we use TypeScript snippet without any notice? How do we implement it in view.js?

const { state, actions } = store("myPlugin", {
  actions: {
    selectItem: (id?: number) => {
      const context = getContext();
      // `id` is optional here, so this action can be used in a directive.
      state.selected = id || context.id;
    },
    otherAction: () => {
      // but it can also be called from other actions.
      actions.selectItem(123); // it works and type is correct
    }
  }
});

Step-by-step reproduction instructions

Refer https://github.com/WordPress/gutenberg/blob/trunk/docs/reference-guides/interactivity-api/api-reference.md

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

[luisherranz]

Yes, TypeScript can be used to type stores. There isn’t specific documentation yet, but we are working on a series of new guides for a new section called Core Concepts, and I think we could include one there about TypeScript. I have added it to the tracking issue.

Meanwhile, if you want, you can take a look at this old discussion, which explains some aspects of how the Store of the Interactivity API works, including how it can be typed.

I have opened a pull request to delete the typing:

• iAPI Docs: Remove typed function from API reference #64429