El problema es que next-themes inyecta internamente un <script> que no funciona en el runtime de v0. Voy a quitar next-themes por completo y crear un sistema de tema personalizado sin scripts:
Voy a eliminar next-themes por completo y crear un sistema de tema propio que no inyecte <script> tags:
Now update the ThemeToggle to use the custom useTheme instead of next-themes:
Now update the root layout to remove next-themes and use our custom ThemeProvider:
Now add the ThemeProvider to the dashboard layout where it won't conflict with SSR:
He eliminado next-themes por completo y creado un sistema de tema personalizado sin inyeccion de <script>. El ThemeProvider ahora usa un contexto React puro que lee/escribe en localStorage y aplica la clase dark al <html> via classList.toggle() en un useEffect. Esto evita el error de script tag del runtime de v0 manteniendo toda la funcionalidad de tema oscuro/claro/sistema.
Voy a agregar funcionalidad de exportacion a Excel en las paginas principales. Primero veamos que paginas tienen datos tabulares:
Ahora creo la utilidad de exportacion a Excel y conecto los botones de exportar en las paginas principales: