zitadel/apps/login/app/(login)/error.tsx

"use client";

import { Boundary } from "#/ui/Boundary";
import { Button } from "#/ui/Button";
import React from "react";

export default function Error({ error, reset }: any) {
  React.useEffect(() => {
    console.log("logging error:", error);
  }, [error]);

  return (
    <Boundary labels={["Home page Error UI"]} color="pink">
      <div className="space-y-4">
        <div className="text-sm text-warn-light-500 dark:text-warn-dark-500">
          <strong className="font-bold">Error:</strong> {error?.message}
        </div>
        <div>
          <Button onClick={() => reset()}>Try Again</Button>
        </div>
      </div>
    </Boundary>
  );
}