He estado tratando de conectar mi frontend y backend para una aplicación web y tengo un problema en el que, cuando un usuario crea una cuenta, se crean varios objetos para ese usuario en la base de datos. Usé console.log y descubrí que mi código NextJS se repite. Encontré esta publicación ligeramente relacionada: las funciones de los componentes se ejecutan varias veces y reaccionan . Sin embargo, se trata de problemas con llamadas asíncronas que ya resolví con controles nulos/indefinidos. Este es mi código de registro de usuario actual:

 const handleUser = async (user) => { var bUserExists = false await axios.get(GET_USER(user.email)) .then(response => { bUserExists = true; }) .catch(err => { bUserExists = false }) if(!bUserExists) { bUserExists = true; await axios.post(CREATE_USER(), { email: user.email, name: user.name, }).then(newUser => { console.log(newUser.data) if(newUser.data) { router.push('/form/p1') } }).catch(err => { console.log(err) }) } } const { user, error, isLoading } = useUser(); if(isLoading) return <div>Loading...</div>; if(error) return <div>{error.message}</div>; if(user) { // try to get the user from the database // if the user doesn't exist, create one handleUser(user) }

Cuando creo un usuario con este código, mi backend genera esto:

(Lo siento, todavía no tengo suficiente representante para publicar imágenes ;-; ) https://i.gyazo.com/fd83cf9362b0e88977dfb277687ca071.png

Extraño, ¿verdad? Se repite tan rápido que el usuario ni siquiera se crea cuando llega la segunda llamada.

Llegué a la conclusión de que NextJS está repitiendo el código tanto en el cliente como en el servidor, pero mi conocimiento de Next/React es muy poco para que sea muy preciso. ¿Por qué mi código (que solo debe ejecutarse una vez) se ejecuta varias veces?