Fix linting errors

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

src/components/markdown-renderer/hooks/use-reveal.ts

@@ -30,7 +30,7 @@ export const useReveal = (content: string, slideOptions?: SlideOptions): void =>
         setDeck(reveal)
         log.debug('Initialisation finished')
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while initializing reveal.js', error)
       })
   }, [isInitialized, slideOptions])

src/components/markdown-renderer/replace-components/abc/abc-frame.tsx

@@ -26,7 +26,7 @@ export const AbcFrame: React.FC<AbcFrameProps> = ({ code }) => {
       .then((imp) => {
         imp.renderAbc(actualContainer, code, {})
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while loading abcjs', error)
       })
   }, [code])

src/components/markdown-renderer/replace-components/flow/flowchart/flowchart.tsx

@@ -46,7 +46,7 @@ export const FlowChart: React.FC<FlowChartProps> = ({ code }) => {
           setError(true)
         }
       })
-      .catch((error) => log.error('Error while loading flowchart.js', error))
+      .catch((error: Error) => log.error('Error while loading flowchart.js', error))
 
     return () => {
       Array.from(currentDiagramRef.children).forEach((value) => value.remove())

src/components/markdown-renderer/replace-components/gist/gist-frame.tsx

@@ -21,7 +21,7 @@ export const GistFrame: React.FC<GistFrameProps> = ({ id }) => {
   const [frameHeight, onStartResizing] = useResizeGistFrame(150)
 
   const onStart = useCallback(
-    (event) => {
+    (event: React.MouseEvent | React.TouchEvent) => {
       onStartResizing(event)
     },
     [onStartResizing]

src/components/markdown-renderer/replace-components/gist/use-resize-gist-frame.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { useCallback, useEffect, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 
 /**
  * Determines if the left mouse button is pressed in the given event
@@ -22,7 +22,9 @@ const isLeftMouseButtonPressed = (mouseEvent: MouseEvent): boolean => {
  * @param moveEvent the vertical position of the mouse pointer or the first touch pointer.
  * @return the extracted vertical position.
  */
-const extractVerticalPointerPosition = (moveEvent: MouseEvent | TouchEvent): number => {
+const extractVerticalPointerPosition = (
+  moveEvent: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent
+): number => {
   if (isMouseEvent(moveEvent)) {
     return moveEvent.pageY
   } else {
@@ -31,15 +33,15 @@ const extractVerticalPointerPosition = (moveEvent: MouseEvent | TouchEvent): num
 }
 
 /**
- * Checks if the given {@link Event} is a {@link MouseEvent}
+ * Checks if the given {@link Event} is a {@link MouseEvent} or a {@link React.MouseEvent}
  * @param event the event to check
- * @return {@code true} if the given event is a {@link MouseEvent}
+ * @return {@code true} if the given event is a {@link MouseEvent} or a {@link React.MouseEvent}
  */
-const isMouseEvent = (event: Event): event is MouseEvent => {
+const isMouseEvent = (event: Event | React.UIEvent): event is MouseEvent | React.MouseEvent => {
   return (event as MouseEvent).buttons !== undefined
 }
 
-export type PointerEvent = MouseEvent | TouchEvent
+export type PointerEvent = React.MouseEvent | React.TouchEvent
 export type PointerEventHandler = (event: PointerEvent) => void
 
 /**
@@ -69,7 +71,7 @@ export const useResizeGistFrame = (initialFrameHeight: number): [number, Pointer
     moveEvent.preventDefault()
   }, [])
 
-  const onStartResizing: PointerEventHandler = useCallback((event) => {
+  const onStartResizing = useCallback((event: React.MouseEvent | React.TouchEvent) => {
     lastYPosition.current = extractVerticalPointerPosition(event)
   }, [])
 

src/components/markdown-renderer/replace-components/graphviz/graphviz-frame.tsx

@@ -56,7 +56,7 @@ export const GraphvizFrame: React.FC<GraphvizFrameProps> = ({ code }) => {
           showError(error as string)
         }
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while loading graphviz', error)
       })
   }, [code, error, frontendBaseUrl, showError])

src/components/markdown-renderer/replace-components/highlighted-fence/highlighted-code/highlighted-code.tsx

@@ -58,7 +58,7 @@ export const HighlightedCode: React.FC<HighlightedCodeProps> = ({ code, language
         ))
         setDom(replacedDom)
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while loading highlight.js', error)
       })
   }, [code, language, startLineNumber])

src/components/markdown-renderer/replace-components/markmap/markmap-frame.tsx

@@ -60,7 +60,7 @@ export const MarkmapFrame: React.FC<MarkmapFrameProps> = ({ code }) => {
           log.error(error)
         }
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while loading markmap', error)
       })
   }, [code])

src/components/markdown-renderer/replace-components/mermaid/mermaid-chart.tsx

@@ -34,7 +34,7 @@ export const MermaidChart: React.FC<MermaidChartProps> = ({ code }) => {
           mermaid.default.initialize({ startOnLoad: false })
           mermaidInitialized = true
         })
-        .catch((error) => {
+        .catch((error: Error) => {
           log.error('Error while loading mermaid', error)
         })
     }

src/components/markdown-renderer/replace-components/vega-lite/vega-chart.tsx

@@ -61,7 +61,7 @@ export const VegaChart: React.FC<VegaChartProps> = ({ code }) => {
           showError(t('renderer.vega-lite.errorJson'))
         }
       })
-      .catch((error) => {
+      .catch((error: Error) => {
         log.error('Error while loading vega-light', error)
       })
   }, [code, showError, t])