[Dúvida] Erro com TypeScript

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!