El editor está mostrando
El tipo 'Promesa' no se puede asignar al tipo 'vacío | Incinerador de basuras'.
para la llamada checkUserLoggedIn() en useEffect.
Puedo deshacerme de él haciendo const checkUserLoggedIn:any
Sin embargo, tal vez esa no sea la forma más ideal de resolver esto ...
Si hago const checkUserLoggedIn: Promise, obtengo un error diferente:
Esta expresión no es invocable. El tipo 'Promesa' no tiene firmas de llamadas.
que no es lo que quiero... Quiero que se pueda llamar... Estoy traduciendo/convirtiendo mi archivo javascript a mecanografiado...
useEffect(() => checkUserLoggedIn(), []) // Check if user is logged in const checkUserLoggedIn = async () => { console.log('checkUserLoggedIn') const res = await fetch(`${NEXT_URL}/api/user`) const data = await res.json() if (res.ok) { setUser(data.user) console.log('data.user', data.user) router.push('/account/dashboard') } else { setUser(null) } }
Las funciones de flecha escritas de la manera que ha descrito devuelven implícitamente el valor de la función. Por ejemplo, esta función () => 4
devuelve el valor 4
. Por el contrario, cuando envuelve esto en un bloque, debe definir explícitamente el valor de retorno: () => { 4; }
esta función no devuelve nada.
En su caso, está pasando una función de flecha anónima que devuelve implícitamente el resultado de una función asíncrona, que es una promesa.
Para arreglar esto, envuelve el contenido de la función que pasas a useEffect
en un bloque:
useEffect(() => { checkUserLoggedIn(); }, []);
useEffect(() => { checkUserLoggedIn() }, []) // Check if user is logged in const checkUserLoggedIn:() => Promise<void> = async () => { console.log('checkUserLoggedIn') const res = await fetch(`${NEXT_URL}/api/user`) const data = await res.json() if (res.ok) { setUser(data.user) console.log('data.user', data.user) router.push('/account/dashboard') } else { setUser(null) } }