diff --git a/packages/client/src/pages/components.vue b/packages/client/src/pages/components.vue
index 89837da2c..5b12fea61 100644
--- a/packages/client/src/pages/components.vue
+++ b/packages/client/src/pages/components.vue
@@ -1,14 +1,21 @@
 <script setup lang="ts">
 import { Components as ComponentsPanel } from '@vue/devtools-applet'
 import { rpc } from '@vue/devtools-core'
+import { isInChromePanel } from '@vue/devtools-shared'
 import { openInEditor } from '../composables/open-in-editor'
 import '@vue/devtools-applet/style.css'
 
 function onInspectComponentStart() {
+  if (isInChromePanel)
+    return
+
   rpc.value.emit('toggle-panel', false)
 }
 
 function onInspectComponentEnd() {
+  if (isInChromePanel)
+    return
+
   rpc.value.emit('toggle-panel', true)
 }
 </script>