diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue
index fa4d9a5..93eef57 100644
--- a/nuxt4/app/app.vue
+++ b/nuxt4/app/app.vue
@@ -85,12 +85,14 @@
             <template #lotes>
               <div class="py-4">
                 <h3>Contenido del Tab Lotes</h3>
-                <LotesTable
-                  @create="showCreateLoteModal = true"
-                  @view="handleViewLote"
-                  @edit="handleEditLote"
-                  @trazabilidad="handleViewTrazabilidad"
-                />
+                <ClientOnly>
+                  <LotesTable
+                    @create="showCreateLoteModal = true"
+                    @view="handleViewLote"
+                    @edit="handleEditLote"
+                    @trazabilidad="handleViewTrazabilidad"
+                  />
+                </ClientOnly>
               </div>
             </template>
 
@@ -98,10 +100,12 @@
             <template #operaciones>
               <div class="py-4">
                 <h3>Contenido del Tab Operaciones</h3>
-                <OperacionesTable
-                  @create="showCreateOperacionModal = true"
-                  @view="handleViewOperacion"
-                />
+                <ClientOnly>
+                  <OperacionesTable
+                    @create="showCreateOperacionModal = true"
+                    @view="handleViewOperacion"
+                  />
+                </ClientOnly>
               </div>
             </template>
           </UTabs>