chore(website): esquery is not working at TypescriptNode

packages/website/package.json

@@ -26,6 +26,7 @@
     "@mdx-js/react": "^3.0.1",
     "@prettier/sync": "*",
     "@typescript-eslint/parser": "7.6.0",
+    "@typescript-eslint/visitor-keys": "7.6.0",
     "@typescript-eslint/website-eslint": "7.6.0",
     "clsx": "^2.1.0",
     "eslint": "*",

packages/website/src/components/ast/ASTViewer.tsx

@@ -1,3 +1,4 @@
+import { visitorKeys } from '@typescript-eslint/visitor-keys';
 import type * as ESQuery from 'esquery';
 import React, { useEffect, useMemo } from 'react';
 
@@ -24,7 +25,7 @@ function tryToApplyFilter<T>(value: T, filter?: ESQuery.Selector): T | T[] {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (window.esquery && filter) {
       // @ts-expect-error - esquery requires js ast types
-      return window.esquery.match(value, filter);
+      return window.esquery.match(value, filter, { visitorKeys });
     }
   } catch (e: unknown) {
     console.error(e);

packages/website/typings/esquery.d.ts

@@ -14,14 +14,33 @@ declare module 'esquery' {
   declare function query(ast: Node, selector: string): Node[];
 
   declare namespace query {
+    interface ESQueryOptions {
+      nodeTypeKey?: string;
+      visitorKeys?: Record<string, readonly string[]>;
+      fallback?: (node: Node) => string[];
+      matchClass?: (className: string, node: Node, ancestry: Node[]) => boolean;
+    }
     /** Parse a selector and return its AST. */
     function parse(selector: string): Selector;
     /** From a JS AST and a selector AST, collect all JS AST nodes that match the selector. */
-    function match(ast: Node, selector: Selector): Node[];
+    function match(
+      ast: Node,
+      selector: Selector,
+      options?: ESQueryOptions,
+    ): Node[];
     /** Given a `node` and its ancestors, determine if `node` is matched by `selector`. */
-    function matches(node: Node, selector: Selector, ancestry: Node[]): boolean;
+    function matches(
+      node: Node,
+      selector: Selector,
+      ancestry: Node[],
+      options?: ESQueryOptions,
+    ): boolean;
     /** Query the code AST using the selector string. */
-    function query(ast: Node, selector: string): Node[];
+    function query(
+      ast: Node,
+      selector: string,
+      options?: ESQueryOptions,
+    ): Node[];
 
     //
     // Unions

yarn.lock

@@ -19987,6 +19987,7 @@ __metadata:
     "@typescript-eslint/parser": 7.6.0
     "@typescript-eslint/rule-schema-to-typescript-types": 7.6.0
     "@typescript-eslint/types": 7.6.0
+    "@typescript-eslint/visitor-keys": 7.6.0
     "@typescript-eslint/website-eslint": 7.6.0
     clsx: ^2.1.0
     copy-webpack-plugin: ^12.0.0