I created a web service in my project and throw new errors when my request encounters an error while fetching data from the server, like this, for example:

throw new Error('Error : 429' , {cause : 429})

I want to show a custom component based on my error message in the global-error.tsx file, but Next.js displays its own error message in this file. So, how should I display a custom error message or components in the global-error.tsx or error.tsx page?

export default function GlobalError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  useEffect(() => {
    // Log the error to an error reporting service
    console.error('global error :' ,error)
  }, [error])

in this file we just have access to a unique digest error code