chore: Clear timer functions do noting when a timer does not exist (#55126)

Summary:
Issue: #55104

## Changelog:

[GENERAL] [CHANGED] - `cancelAnimationFrame`, `clearImmediate`, `clearTimeout` and  `clearInterval` do nothing If there is no callback associated the given handle

Pull Request resolved: #55126

Test Plan:
The next code should not throw any errors (runtime and TS)

```tsx
  const id1 = requestAnimationFrame(()=> {});
  cancelAnimationFrame(id1);
  cancelAnimationFrame(id1); // clear twice the same id
  cancelAnimationFrame(-1);
  cancelAnimationFrame(null);
  cancelAnimationFrame(undefined);

  const id2 = setImmediate(()=> {});
  clearImmediate(id2);
  clearImmediate(id2); // clear twice the same id
  clearImmediate(-1);
  clearImmediate(null);
  clearImmediate(undefined);

  const id3 = setTimeout(()=> {}, 1000);
  clearTimeout(id3);
  clearTimeout(id3); // clear twice the same id
  clearTimeout(-1);
  clearTimeout(null);
  clearTimeout(undefined);

  const id4 = setInterval(()=> {}, 1000);
  clearInterval(id4);
  clearInterval(id4); // clear twice the same id
  clearInterval(-1);
  clearInterval(null);
  clearInterval(undefined);
```

Reviewed By: cortinico

Differential Revision: D90615301

Pulled By: philIip

fbshipit-source-id: e5102a137bac6492d0f89bb02ef11eeca9977a9b

Author: retyui

packages/react-native/ReactCommon/react/runtime/TimerManager.cpp

@@ -134,7 +134,15 @@ TimerHandle TimerManager::createRecurringTimer(
 
 void TimerManager::deleteTimer(jsi::Runtime& runtime, TimerHandle timerHandle) {
   if (timerHandle < 0) {
-    throw jsi::JSError(runtime, "clearTimeout called with an invalid handle");
+    /**
+     * Do nothing for negative values to match web spec.
+     *
+     * cancelAnimationFrame:
+     * https://www.w3.org/TR/animation-timing/#Window-interface-extensions
+     * clearTimeout:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Window/clearTimeout#notes
+     */
+    return;
   }
 
   platformTimerRegistry_->deleteTimer(timerHandle);
@@ -145,7 +153,13 @@ void TimerManager::deleteRecurringTimer(
     jsi::Runtime& runtime,
     TimerHandle timerHandle) {
   if (timerHandle < 0) {
-    throw jsi::JSError(runtime, "clearInterval called with an invalid handle");
+    /**
+     * Do nothing for negative values to match web spec.
+     *
+     * clearInterval:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Window/clearInterval
+     */
+    return;
   }
 
   platformTimerRegistry_->deleteTimer(timerHandle);

packages/react-native/src/types/globals.d.ts

@@ -101,8 +101,8 @@ declare global {
 
   // #region Timer Functions
 
-  function clearInterval(handle: number): void;
-  function clearTimeout(handle: number): void;
+  function clearInterval(handle: number | null | undefined): void;
+  function clearTimeout(handle: number | null | undefined): void;
   function setInterval(handler: () => void, timeout: number): number;
   function setInterval<Args extends any[]>(
     handler: (...args: Args) => void,
@@ -115,14 +115,14 @@ declare global {
     timeout?: number,
     ...args: Args
   ): number;
-  function clearImmediate(handle: number): void;
+  function clearImmediate(handle: number | null | undefined): void;
   function setImmediate(handler: () => void): number;
   function setImmediate<Args extends any[]>(
     handler: (...args: Args) => void,
     ...args: Args
   ): number;
 
-  function cancelAnimationFrame(handle: number): void;
+  function cancelAnimationFrame(handle: number | null | undefined): void;
   function requestAnimationFrame(callback: (time: number) => void): number;
 
   function fetchBundle(

packages/react-native/types/__typetests__/globals.tsx

@@ -8,6 +8,9 @@
 const noop = () => { };
 
 function testInterval() {
+    clearInterval(null);
+    clearInterval(undefined);
+
     let handle = setInterval(noop, 0);
     clearInterval(handle);
 
@@ -38,6 +41,9 @@ function testInterval() {
 }
 
 function testTimeout() {
+    clearTimeout(null);
+    clearTimeout(undefined);
+
     let handle = setTimeout(noop, 0);
     clearTimeout(handle);
 
@@ -68,6 +74,9 @@ function testTimeout() {
 }
 
 function testImmediate() {
+    clearImmediate(null);
+    clearImmediate(undefined);
+
     let handle = setImmediate(noop);
     clearImmediate(handle);
 
@@ -97,6 +106,37 @@ function testImmediate() {
     clearImmediate(handle);
 }
 
+function testRequestAnimationFrame(){
+    cancelAnimationFrame(null);
+    cancelAnimationFrame(undefined);
+
+    let handle = requestAnimationFrame((time: number) => {
+        console.log('time', time);
+    });
+    cancelAnimationFrame(handle);
+
+    handle = requestAnimationFrame(() => {
+      console.log('no time');
+    });
+    cancelAnimationFrame(handle);
+
+    handle = requestAnimationFrame(
+      // @ts-expect-error
+      (notTime: string) => {
+      console.log('argument have to be number', notTime);
+    });
+    cancelAnimationFrame(handle);
+
+    // @ts-expect-error
+    const resultHaveToBeNum: string = requestAnimationFrame(() => {
+      console.log('result have to be number');
+    });
+    cancelAnimationFrame(
+      // @ts-expect-error
+      resultHaveToBeNum
+    );
+}
+
 const fetchCopy: WindowOrWorkerGlobalScope['fetch'] = fetch;
 
 const myHeaders = new Headers();