mts Recursion call bug

packages/web-platform/web-tests/tests/react.spec.ts

@@ -1,3 +1,3 @@
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
@@ -377,6 +377,21 @@
       },
     );
 
+    test('basic-mts-tail-call', async ({ page }, { title }) => {
+      let eventHandlerTriggered = false;
+      page.on('console', (message) => {
+        if (message.text() === 'hello world') {
+          eventHandlerTriggered = true;
+        }
+      });
+      await goto(page, title);
+      await wait(100);
+      const target = page.locator('#target');
+      await target.click();
+      await wait(100);
+      expect(eventHandlerTriggered).toBe(true);
+    });
+
     test(
       'basic-mts-bindtap-change-element-background',
       async ({ page }, { title }) => {

packages/web-platform/web-tests/tests/react/basic-mts-tail-call/index.jsx

@@ -0,0 +1,27 @@
+// Copyright 2023 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { useState, root } from '@lynx-js/react';
+function App() {
+  const [color] = useState('pink');
+  const mtsFoo = (count) => {
+    'main thread';
+    if (count > 0) {
+      console.log('hello world');
+    } else {
+      mtsFoo(count + 1);
+    }
+  };
+  return (
+    <view
+      id='target'
+      main-thread:bindTap={mtsFoo}
+      style={{
+        height: '100px',
+        width: '100px',
+        background: color,
+      }}
+    />
+  );
+}
+root.render(<App />);