diff --git a/.changeset/afraid-chairs-share.md b/.changeset/afraid-chairs-share.md
new file mode 100644
index 0000000000..aac7b99b9a
--- /dev/null
+++ b/.changeset/afraid-chairs-share.md
@@ -0,0 +1,5 @@
+---
+"@lynx-js/react": patch
+---
+
+Add `__BACKGROUND__` guard on `onBackgroundSnapshotInstanceUpdateId` event to prevent bundling to main-thread on dev environment.
diff --git a/packages/react/runtime/src/snapshot.ts b/packages/react/runtime/src/snapshot.ts
index 71295e9c3a..6dadcc6c87 100644
--- a/packages/react/runtime/src/snapshot.ts
+++ b/packages/react/runtime/src/snapshot.ts
@@ -186,7 +186,7 @@ export const backgroundSnapshotInstanceManager: {
     const si = values.get(id)!;
     // For PreactDevtools, on first hydration,
     // PreactDevtools can get the real snapshot instance id in main-thread
-    if (__DEV__) {
+    if (__DEV__ && __BACKGROUND__) {
       lynx.getJSModule('GlobalEventEmitter').emit('onBackgroundSnapshotInstanceUpdateId', [
         {
           backgroundSnapshotInstance: si,