spb/datacenterindex

1"use client";23import { useEffect } from "react";4import { Button } from "@/components/ui/button";5import { Page } from "@/components/ui/card";6import { ErrorState } from "@/components/ui/states";7import { routes } from "@/lib/routes";89export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {10  useEffect(() => {11    console.error(error);12  }, [error]);13  return (14    <main id="main">15      <Page className="py-12">16        <ErrorState17          title="Something went wrong rendering this page"18          description="The error has been logged. You can retry, or go back to the index."19          detail={error.digest}20          action={21            <div className="flex gap-2">22              <Button variant="primary" onClick={() => reset()}>23                Retry24              </Button>25              <Button href={routes.home()}>Home</Button>26            </div>27          }28        />29      </Page>30    </main>31  );32}33