diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/choice.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/choice.ts
index 9c062e722..8248f3ddd 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/choice.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/choice.ts
@@ -23,7 +23,7 @@ export const choice = (parent: SVG, node: Node) => {
 
   let choice;
   if (node.useRough) {
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const pointArr = points.map(function (d) {
       return [d.x, d.y];
@@ -42,7 +42,7 @@ export const choice = (parent: SVG, node: Node) => {
   }
 
   // center the circle around its coordinate
-  // @ts-ignore
+  // @ts-ignore TODO: Fix rough typings
   choice.attr('class', 'state-start').attr('r', 7).attr('width', 28).attr('height', 28);
   node.width = 28;
   node.height = 28;
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/forkJoin.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/forkJoin.ts
index 01f5c9adc..8ec8ab50c 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/forkJoin.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/forkJoin.ts
@@ -26,7 +26,7 @@ export const forkJoin = (parent: SVG, node: Node, dir: string) => {
 
   let shape;
   if (node.useRough) {
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const roughNode = rc.rectangle(x, y, width, height, solidStateFill(lineColor));
     shape = shapeSvg.insert(() => roughNode);
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/note.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/note.ts
index d85d3f2ca..5843f558b 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/note.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/note.ts
@@ -30,7 +30,7 @@ export const note = async (parent: SVGAElement, node: Node) => {
 
   if (useRough) {
     // add the rect
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const roughNode = rc.rectangle(x, y, totalWidth, totalHeight, {
       roughness: 0.7,
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/rect.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/rect.ts
index 44a2454f2..78c4d53c2 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/rect.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/rect.ts
@@ -77,7 +77,7 @@ export const rect = async (parent: SVGAElement, node: Node) => {
   let rect;
   const { rx, ry, cssStyles, useRough } = node;
   if (useRough) {
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const options = userNodeOverrides(node, {
       roughness: 0.7,
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateEnd.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateEnd.ts
index a9db83129..5f93d7a41 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateEnd.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateEnd.ts
@@ -18,7 +18,7 @@ export const stateEnd = (parent: SVG, node: Node) => {
   let circle;
   let innerCircle;
   if (node.useRough) {
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const roughNode = rc.circle(0, 0, 14, { ...solidStateFill(lineColor), roughness: 0.5 });
     const roughInnerNode = rc.circle(0, 0, 5, { ...solidStateFill(lineColor), fillStyle: 'solid' });
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateStart.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateStart.ts
index 12cb3bd3d..c045266fd 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateStart.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/stateStart.ts
@@ -18,7 +18,7 @@ export const stateStart = (parent: SVG, node: Node) => {
 
   let circle;
   if (node.useRough) {
-    // @ts-ignore
+    // @ts-ignore TODO: Fix rough typings
     const rc = rough.svg(shapeSvg);
     const roughNode = rc.circle(0, 0, 14, solidStateFill(lineColor));
     circle = shapeSvg.insert(() => roughNode);
@@ -27,7 +27,7 @@ export const stateStart = (parent: SVG, node: Node) => {
   }
 
   // center the circle around its coordinate
-  // @ts-ignore
+  // @ts-ignore TODO: Fix typings
   circle.attr('class', 'state-start').attr('r', 7).attr('width', 14).attr('height', 14);
 
   updateNodeBounds(node, circle);