fix(route.ts): add console.error to log errors that occur while proce…

…ssing response

fix(NoData.tsx): remove unused state and useEffect, create new Notifier instance inside sendTestException function
feat(NoData.tsx): add support for sending test exception to Airbrake to verify integration
fix(AI.tsx): add console.log to log errors that occur when connection is closed due to an error

app/api/ai/route.ts

@@ -75,6 +75,7 @@ export async function GET(request: NextRequest) {
 
   responsePromise
     .catch(async (error) => {
+      console.error('An error occurred while processing the response:', error);
       const errorMessage = `An error occurred: ${error.message}\n\n`;
       const data = new TextEncoder().encode(`data: ${errorMessage}`);
       await writer.write(data);
@@ -85,8 +86,6 @@ export async function GET(request: NextRequest) {
       }
     });
 
-
-
   return new Response(readable, {
     headers: {
       'Content-Type': 'text/event-stream',

components/NoData.tsx

@@ -3,34 +3,27 @@
 import { Notifier } from '@airbrake/browser';
 import { project } from '@prisma/client';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState, useTransition } from 'react';
+import { useTransition } from 'react';
 import { SlCheck, SlDisc, SlEnergy } from 'react-icons/sl';
 
 export default function NoData({ project }: { project: project }) {
   const [isPending, startTransition] = useTransition();
   const { refresh } = useRouter();
-  const [airbrake, setAirbrake] = useState<Notifier | null>(null);
-
-  useEffect(() => {
-    setAirbrake(
-      new Notifier({
-        projectId: 1,
-        projectKey: project.api_key,
-        environment: 'test',
-        host: window.location.origin,
-        remoteConfig: false,
-        performanceStats: false,
-        queryStats: false,
-        queueStats: false,
-      })
-    );
-  }, [project.api_key]);
 
   const sendTestException = async () => {
-    if (airbrake) {
-      await airbrake.notify(new Error('This is a test exception from Airbroke'));
-      startTransition(() => refresh());
-    }
+    const airbrake = new Notifier({
+      projectId: 1,
+      projectKey: project.api_key,
+      environment: 'test',
+      host: window.location.origin,
+      remoteConfig: false,
+      performanceStats: false,
+      queryStats: false,
+      queueStats: false,
+    });
+
+    await airbrake.notify(new Error('This is a test exception from Airbroke'));
+    startTransition(() => refresh());
   };
 
   return (

components/occurrence/toolbox/AI.tsx

@@ -26,7 +26,7 @@ export default function ToolboxAI({ occurrenceId }: { occurrenceId: bigint }) {
     };
 
     eventSource.onerror = (event) => {
-      console.log('Connection was closed');
+      console.log('Connection was closed due to an error:', event);
       setIsStarted(false);
       eventSource.close();
     };