@react-analyzer/tsl/dist/index.d.ts

Bring the same linting functionality that https://eslint-react.xyz has to the TypeScript LSP.

import * as tsl from 'tsl';

declare const rules: tsl.RulesSet<{
    /**
     * Prevents problematic leaked values from being rendered.
     *
     * Using the && operator to render some element conditionally in JSX can cause unexpected values being rendered, or even crashing the rendering.
     *
     * **Examples**
     *
     * ```tsx
     * import React from "react";
     *
     * interface MyComponentProps {
     *   count: number;
     * }
     *
     * function MyComponent({ count }: MyComponentProps) {
     *   return <div>{count && <span>There are {count} results</span>}</div>;
     *   //           ^^^^^
     *   //           - Potential leaked value 'count' that might cause unintentionally rendered values or rendering crashes.
     * }
     * ```
     *
     * ```tsx
     * import React from "react";
     *
     * interface MyComponentProps {
     *   items: string[];
     * }
     *
     * function MyComponent({ items }: MyComponentProps) {
     *   return <div>{items.length && <List items={items} />}</div>;
     *   //           ^^^^^^^^^^^^
     *   //           - Potential leaked value 'items.length' that might cause unintentionally rendered values or rendering crashes.
     * }
     * ```
     *
     * ```tsx
     * import React from "react";
     *
     * interface MyComponentProps {
     *   items: string[];
     * }
     *
     * function MyComponent({ items }: MyComponentProps) {
     *   return <div>{items[0] && <List items={items} />}</div>;
     *   //           ^^^^^^^^
     *   //           - Potential leaked value 'items[0]' that might cause unintentionally rendered values or rendering crashes.
     * }
     * ```
     *
     * @since 0.0.0
     */
    noLeakedConditionalRendering: (options?: "off" | undefined) => tsl.Rule<unknown>;
}>;

export { rules };