diff --git a/packages/react/src/components/tabs/examples/controlled.tsx b/packages/react/src/components/tabs/examples/controlled.tsx
index 8477684a74..56a2ca5638 100644
--- a/packages/react/src/components/tabs/examples/controlled.tsx
+++ b/packages/react/src/components/tabs/examples/controlled.tsx
@@ -1,22 +1,11 @@
 import { Tabs } from '@ark-ui/react/tabs'
 import { useState } from 'react'
 
-let i = 0
-
 export const Controlled = () => {
   const [value, setValue] = useState<string | null>('react')
 
   return (
-    <Tabs.Root
-      value={value}
-      onValueChange={(e) => {
-        if (i === 0) {
-          i++
-        } else {
-          setValue(e.value)
-        }
-      }}
-    >
+    <Tabs.Root value={value} onValueChange={(e) => setValue(e.value)}>
       <Tabs.List>
         <Tabs.Trigger value="react">React</Tabs.Trigger>
         <Tabs.Trigger value="vue">Vue</Tabs.Trigger>