fix(frontend): migrate type changes

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

frontend/src/components/render-page/hooks/sync-scroll/use-document-sync-scrolling.ts

@@ -26,10 +26,10 @@ export const useDocumentSyncScrolling = (
   outerContainerRef: React.RefObject<HTMLElement>,
   rendererRef: React.RefObject<HTMLElement>,
   numberOfLines: number,
-  scrollState?: ScrollState,
-  onScroll?: (scrollState: ScrollState) => void
+  scrollState: ScrollState | null,
+  onScroll: null | ((scrollState: ScrollState) => void)
 ): [(lineMarkers: LineMarkerPosition[]) => void, React.UIEventHandler<HTMLElement>] => {
-  const [lineMarks, setLineMarks] = useState<LineMarkerPosition[]>()
+  const [lineMarks, setLineMarks] = useState<LineMarkerPosition[]>([])
 
   const recalculateLineMarkerPositions = useCallback(
     (linkMarkerPositions: LineMarkerPosition[]) => {

frontend/src/components/render-page/hooks/sync-scroll/use-on-user-scroll.ts

@@ -19,7 +19,7 @@ import { useCallback } from 'react'
 export const useOnUserScroll = (
   lineMarks: LineMarkerPosition[] | undefined,
   scrollContainer: React.RefObject<HTMLElement>,
-  onScroll: ((newScrollState: ScrollState) => void) | undefined
+  onScroll: ((newScrollState: ScrollState) => void) | null
 ): React.UIEventHandler<HTMLElement> => {
   return useCallback(() => {
     if (!scrollContainer.current || !lineMarks || lineMarks.length === 0 || !onScroll) {

frontend/src/components/render-page/hooks/sync-scroll/use-scroll-to-line-mark.ts

@@ -18,8 +18,8 @@ import { useCallback, useEffect, useRef } from 'react'
  * @param scrollContainer The container to scroll in
  */
 export const useScrollToLineMark = (
-  scrollState: ScrollState | undefined,
-  lineMarks: LineMarkerPosition[] | undefined,
+  scrollState: ScrollState | null,
+  lineMarks: LineMarkerPosition[],
   contentLineCount: number,
   scrollContainer: RefObject<HTMLElement>
 ): void => {

frontend/src/components/render-page/renderers/document/document-markdown-renderer.tsx

@@ -57,8 +57,8 @@ export const DocumentMarkdownRenderer: React.FC<DocumentMarkdownRendererProps> =
     internalDocumentRenderPaneRef,
     rendererRef,
     contentLineCount,
-    scrollState,
-    onScroll
+    scrollState ?? null,
+    onScroll ?? null
   )
 
   const markdownBodyRef = useRef<HTMLDivElement>(null)

frontend/src/components/render-page/window-post-message-communicator/hooks/use-editor-receive-handler.ts

@@ -16,7 +16,7 @@ import { useEffect } from 'react'
  */
 export const useEditorReceiveHandler = <R extends RendererToEditorMessageType>(
   messageType: R,
-  handler?: Handler<CommunicationMessages, R>
+  handler: Handler<CommunicationMessages, R> | null
 ): void => {
   const editorToRendererCommunicator = useEditorToRendererCommunicator()
   useEffect(() => {

frontend/src/components/render-page/window-post-message-communicator/hooks/use-send-to-renderer.ts

@@ -15,7 +15,7 @@ import { useEffect } from 'react'
  * @param rendererReady Defines if the target renderer is ready
  */
 export const useSendToRenderer = (
-  message: undefined | Extract<CommunicationMessages, MessagePayload<EditorToRendererMessageType>>,
+  message: null | Extract<CommunicationMessages, MessagePayload<EditorToRendererMessageType>>,
   rendererReady: boolean
 ): void => {
   const iframeCommunicator = useEditorToRendererCommunicator()