diff --git a/packages/mermaid/src/diagrams/error/errorRenderer.ts b/packages/mermaid/src/diagrams/error/errorRenderer.ts
index 778206139..1b3622c6d 100644
--- a/packages/mermaid/src/diagrams/error/errorRenderer.ts
+++ b/packages/mermaid/src/diagrams/error/errorRenderer.ts
@@ -9,33 +9,11 @@ import { configureSvgSize } from '../../setupGraphViewbox.js';
  * @param _text - Mermaid graph definition.
  * @param id - The text for the error
  * @param version - The version
- * @param error - The caught error
  */
-export const draw = (
-  _text: string,
-  id: string,
-  version: string,
-  _diagramObject: unknown,
-  error?: Error
-) => {
+export const draw = (_text: string, id: string, version: string) => {
   log.debug('rendering svg for syntax error\n');
   const svg: SVG = selectSvgElement(id);
   const g: Group = svg.append('g');
-  if (error?.message?.includes('KaTeX')) {
-    const title = error.message.split(': ')[0];
-    const body = error.message.slice(title.length + 2).replace('KaTeX parse ', '');
-    g.append('foreignObject')
-      .attr('height', 100)
-      .attr('width', 500)
-      .append('xhtml:div')
-      .style('font-size', '18px')
-      .style('color', '#552222')
-      .html(`<div style="font-size: 26px; margin-bottom: 8px">${title}</div><div>${body}</div>`);
-    svg.attr('height', 100);
-    svg.attr('width', 500);
-    svg.attr('viewBox', '0 0 500 100');
-    return;
-  }
 
   svg.attr('viewBox', '0 0 2412 512');
   configureSvgSize(svg, 100, 512, true);
diff --git a/packages/mermaid/src/mermaidAPI.ts b/packages/mermaid/src/mermaidAPI.ts
index a027ad797..65310d4fa 100644
--- a/packages/mermaid/src/mermaidAPI.ts
+++ b/packages/mermaid/src/mermaidAPI.ts
@@ -436,8 +436,8 @@ const render = async function (
   // Draw the diagram with the renderer
   try {
     await diag.renderer.draw(text, id, version, diag);
-  } catch (e: any) {
-    errorRenderer.draw(text, id, version, diag, e);
+  } catch (e) {
+    errorRenderer.draw(text, id, version);
     throw e;
   }