fix: timeoutId type (#2735)

packages/lexical-playground/src/hooks/useReport.ts

@@ -31,11 +31,13 @@ const getElement = (): HTMLElement => {
   return element;
 };
 
-export default function useReport(): (arg0: string) => NodeJS.Timeout {
-  const timer = useRef<NodeJS.Timeout | null>(null);
+export default function useReport(): (
+  arg0: string,
+) => ReturnType<typeof setTimeout> {
+  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);
   const cleanup = useCallback(() => {
     if (timer !== null) {
-      clearTimeout(timer.current as NodeJS.Timeout);
+      clearTimeout(timer.current as ReturnType<typeof setTimeout>);
     }
 
     if (document.body) {
@@ -52,7 +54,7 @@ export default function useReport(): (arg0: string) => NodeJS.Timeout {
       // eslint-disable-next-line no-console
       console.log(content);
       const element = getElement();
-      clearTimeout(timer.current as NodeJS.Timeout);
+      clearTimeout(timer.current as ReturnType<typeof setTimeout>);
       element.innerHTML = content;
       timer.current = setTimeout(cleanup, 1000);
       return timer.current;

packages/lexical-playground/src/plugins/TypingPerfPlugin/index.ts

@@ -33,8 +33,8 @@ export default function TypingPerfPlugin(): JSX.Element | null {
   const report = useReport();
   useEffect(() => {
     let start = 0;
-    let timerId: NodeJS.Timeout | null;
-    let keyPressTimerId: number | null;
+    let timerId: ReturnType<typeof setTimeout> | null;
+    let keyPressTimerId: ReturnType<typeof setTimeout> | null;
     let log: Array<DOMHighResTimeStamp> = [];
     let invalidatingEvent = false;
 
@@ -59,7 +59,7 @@ export default function TypingPerfPlugin(): JSX.Element | null {
 
       // We use a setTimeout(0) instead of requestAnimationFrame, due to
       // inconsistencies between the sequencing of rAF in different browsers.
-      keyPressTimerId = window.setTimeout(measureEventEnd, 0);
+      keyPressTimerId = setTimeout(measureEventEnd, 0);
       // Schedule a timer to report the results.
       timerId = setTimeout(() => {
         const total = log.reduce((a, b) => a + b, 0);

packages/lexical-react/src/LexicalTreeView.tsx

@@ -92,7 +92,7 @@ export function TreeView({
 
   useEffect(() => {
     if (isPlaying) {
-      let timeoutId: NodeJS.Timeout;
+      let timeoutId: ReturnType<typeof setTimeout>;
 
       const play = () => {
         const currentIndex = playingIndexRef.current;
@@ -122,7 +122,7 @@ export function TreeView({
       play();
 
       return () => {
-        window.clearTimeout(timeoutId);
+        clearTimeout(timeoutId);
       };
     }
   }, [timeStampedEditorStates, isPlaying, editor, totalEditorStates]);