Tenía un proyecto en un repositorio de git. Intenté subirlo a github y no me dejaba. Dijo que la versión en github era más reciente que la de mi máquina local. Pero solo desarrollé en esta máquina, y no había impulsado nuevos cambios durante días. Así que tenía muchos cambios que no quería perder. Entonces, solo traté de eliminar el archivo .git y comenzar de nuevo. Pero me estaba dando problemas. Así que simplemente copié toda la estructura de archivos en un nuevo archivo para comenzar de nuevo. Pero ahora me da una advertencia: "Las funciones de flecha anónimas hacen que la actualización rápida no conserve el estado del componente local".

Nunca había recibido esta advertencia cuando trabajaba en la otra carpeta.

Lo que es aún más confuso, la página para la que lanza una advertencia, el archivo _app.js, exporta una función con nombre.

No entiendo.

Aquí está el archivo _app.js.

 import '../styles/globals.css' import Layout from '../components/Layout'; import { useState } from 'react'; export default function MyApp({ Component, pageProps }) { // state let [activeTab, setActiveTab] = useState('Sign In') return ( <Layout activeTab={activeTab}> <Component {...pageProps} /> </Layout> ) }

Incluso revisé el componente de diseño, preguntándome si ese era anónimo. No es.

 import styles from '../styles/styles.module.scss'; import Sidebar from './Dashboard/Sidebar'; export default function Layout({children, activeTab}){ return ( <div className={styles.container}> <div className={styles.main}> <div className={styles.dash}> <Sidebar activeTab={activeTab}/> <div className={styles.content}> {children} </div> </div> </div> </div> ) }