fix: improve error handling and default values in debugger steps.

jonathanp-okta · Copilot · jonathanp-okta · commit 9775a1359906 · 2026-05-21T09:56:57.000-05:00
Co-authored-by: Copilot &lt;copilot@github.com&gt;
diff --git a/app/api/code_to_token/route.ts b/app/api/code_to_token/route.ts
@@ -59,7 +59,7 @@ export async function POST(request: NextRequest) {
   } catch (error: unknown) {
     console.error("Error fetching token:", error);
     return NextResponse.json(
-      { message: error.message },
+      { message: error instanceof Error ? error.message : "An unexpected error occurred." },
       { status: 500 },
     );
   }
diff --git a/src/features/debugger/components/steps/debugger-steps.component.tsx b/src/features/debugger/components/steps/debugger-steps.component.tsx
@@ -56,7 +56,7 @@ export const DebuggerSteps = () => {
 
   const requestDataStepTwo: RequestData = useMemo(() => {
     return {
-      url: debuggerStepsData.tokenEndpoint,
+      url: debuggerStepsData.tokenEndpoint ?? "",
       method: "POST",
       isEditable: false,
       params: [
@@ -66,21 +66,21 @@ export const DebuggerSteps = () => {
         },
         {
           key: "client_id",
-          value: authData?.clientID,
+          value: authData?.clientID ?? "",
           isEditable: true,
         },
         {
           key: "client_secret",
-          value: authData?.clientSecret,
+          value: authData?.clientSecret ?? "",
           isEditable: true,
         },
         {
           key: "redirect_uri",
-          value: authData?.redirectURI,
+          value: authData?.redirectURI ?? "",
         },
         {
           key: "code",
-          value: authData?.authCode
+          value: authData?.authCode ?? ""
         }
       ],
     };
@@ -97,7 +97,7 @@ export const DebuggerSteps = () => {
       label: "Exchange Code from Token",
       render: () => (
         <StepTwo
-          authCode={authData?.authCode}
+          authCode={authData?.authCode ?? ""}
           requestData={requestDataStepTwo}
           setDebuggerStepsData={setDebuggerStepsData}
           setCurrentStepIndex={setCurrentStepIndex}
diff --git a/src/features/debugger/components/steps/step-two/step-two.component.tsx b/src/features/debugger/components/steps/step-two/step-two.component.tsx
@@ -20,7 +20,7 @@ export const StepTwo = ({
   const [exchangeResult, setExchangeResult] = useState<string | null>(null);
   const [errorMessage, setErrorMessage] = useState<string | null>(null);
   const bodyFromRequestData = () => {
-    const body = {
+    const body: Record<string, string> = {
       tokenEndpoint: requestData.url,
     };
     requestData.params.forEach((param) => {
@@ -59,9 +59,13 @@ export const StepTwo = ({
       const statusString = `HTTP/1.1 ${data.result.response.statusCode}`;
       const jsonResponseString = `Content-Type: application/json\n${JSON.stringify(result, null, 2)}`;
       setExchangeResult(`${statusString}\n${jsonResponseString}`);
-    } catch (error) {
+    } catch (error: unknown) {
       const statusString = `HTTP/1.1 500`;
-      const [errorTitle, errorDescription] = error.message.split(":");
+      const message =
+        error instanceof Error
+          ? error.message
+          : "Error in exchange, please try again";
+      const [errorTitle, errorDescription] = message.split(":");
       const errorObject = {
         error: errorTitle ? errorTitle : "Error",
         error_description: errorDescription

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ export async function POST(request: NextRequest) {`
`59`	`59`	`} catch (error: unknown) {`
`60`	`60`	`console.error("Error fetching token:", error);`
`61`	`61`	`return NextResponse.json(`
`62`		`- { message: error.message },`
	`62`	`+ { message: error instanceof Error ? error.message : "An unexpected error occurred." },`
`63`	`63`	`{ status: 500 },`
`64`	`64`	`);`
`65`	`65`	`}`