certbot show error

frontend/src/api/backend/base.ts

@@ -48,9 +48,11 @@ async function processResponse(response: Response) {
 			queryClient.clear();
 			window.location.reload();
 		}
-		throw new Error(
+		const error = new Error(
 			typeof payload.error.messageI18n !== "undefined" ? payload.error.messageI18n : payload.error.message,
 		);
+		(error as any).payload = payload;
+		throw error;
 	}
 	return camelizeKeys(payload) as any;
 }

frontend/src/modals/DNSCertificateModal.tsx

@@ -28,7 +28,18 @@ const DNSCertificateModal = EasyModal.create(({ visible, remove }: InnerModalPro
 			showObjectSuccess("certificate", "saved");
 			remove();
 		} catch (err: any) {
-			setErrorMsg(<T id={err.message} />);
+			if (err.payload?.debug?.stack) {
+				setErrorMsg(
+					<>
+						<T id={err.message} />
+						<pre>
+							<code>{err.payload.debug.stack.join("\n")}</code>
+						</pre>
+					</>,
+				);
+			} else {
+				setErrorMsg(<T id={err.message} />);
+			}
 		}
 		queryClient.invalidateQueries({ queryKey: ["certificates"] });
 		setIsSubmitting(false);

frontend/src/modals/HTTPCertificateModal.tsx

@@ -32,7 +32,18 @@ const HTTPCertificateModal = EasyModal.create(({ visible, remove }: InnerModalPr
 			showObjectSuccess("certificate", "saved");
 			remove();
 		} catch (err: any) {
-			setErrorMsg(<T id={err.message} />);
+			if (err.payload?.data?.debug?.stack) {
+				setErrorMsg(
+					<>
+						<T id={err.message} />
+						<pre>
+							<code>{err.payload.data.debug.stack.join("\n")}</code>
+						</pre>
+					</>,
+				);
+			} else {
+				setErrorMsg(<T id={err.message} />);
+			}
 		}
 		queryClient.invalidateQueries({ queryKey: ["certificates"] });
 		setIsSubmitting(false);