Olá, estava seguindo os passos da aula, e me deparei com o seguinte problema:
A única diferença é que estou usando o TypeScript. E peguei esse exemplo da documentação também:
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá, estava seguindo os passos da aula, e me deparei com o seguinte problema:
A única diferença é que estou usando o TypeScript. E peguei esse exemplo da documentação também:
Olá Gabriel!
Um possivel erro, que esteja acontecendo é por conta do TypeScript. No seu caso, o parâmetro error precisa ser tipado. Você pode usar a interface Error do próprio TypeScript para isso.
Veja se funciona:
'use client' // Error components must be Client Components
import { useEffect } from 'react'
interface ErrorProps {
error: Error & { digest?: string }
}
export default function Error({ error }: ErrorProps) {
useEffect(() => {
// Log the error to an error reporting service
console.error(error)
}, [error])
return (
<div>
<h2>Something went wrong!</h2>
</div>
)
}
Em resumo, para lidar com a tipagem do parâmetro error, defini a interface ErrorProps que combina o tipo Error com uma propriedade opcional digest do tipo string.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!