Next.js Discord

Discord Forum

Importing CSS files into global error doesn't work

Unanswered
Barbary Lion posted this in #help-forum
Open in Discord
Barbary LionOP
Im implementing Sentry with Next and followed the tutorial, but I can't import the CSS files into my global error

"use client";

import "./globals.css";
import * as Sentry from "@sentry/nextjs";
import { useEffect } from "react";

export default function GlobalError(props: {
    error: Error & { digest?: string };
}) {
    useEffect(() => {
        Sentry.captureException(props.error);
    }, [props.error]);

    return (
        <html lang="en">
            <body>
                <div className="flex flex-col items-center justify-center py-32 text-6xl text-center gap-y-4 md:py-64 lg:py-96">
                    <p className="text-9xl !m-0 !mb-8">Ops...</p>
                    <p className="!m-0 text-4xl ">
                        Um erro inesperado ocorreu. Contate o suporte.
                    </p>
                    <a
                        className="text-3xl hover:underline"
                        href={`${process.env.PHP_APP_HOST}/sistema/application/index/index`}
                    >
                        Clique aqui para voltar ao início
                    </a>
                </div>
            </body>
        </html>
    );
}

1 Reply

Sander
Same issue here, suprised not many people have asked this