React18 compatible types

Author: Lukas742

packages/main/src/components/AnalyticalTable/hooks/useSyncScroll.ts

@@ -1,7 +1,7 @@
-import type { RefObject } from 'react';
+import type { MutableRefObject } from 'react';
 import { useEffect, useRef, useState } from 'react';
 
-export function useSyncScroll(refContent: RefObject<HTMLElement>, refScrollbar: RefObject<HTMLElement>) {
+export function useSyncScroll(refContent: MutableRefObject<HTMLElement>, refScrollbar: MutableRefObject<HTMLElement>) {
   const ticking = useRef(false);
   const isProgrammatic = useRef(false);
   const [isMounted, setIsMounted] = useState(false);

packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx

@@ -1,13 +1,13 @@
 import { clsx } from 'clsx';
-import type { MutableRefObject, RefObject } from 'react';
+import type { MutableRefObject } from 'react';
 import { forwardRef } from 'react';
 import { FlexBoxDirection } from '../../../enums/FlexBoxDirection.js';
 import { FlexBox } from '../../FlexBox/index.js';
 import type { ClassNames } from '../types/index.js';
 
 interface VerticalScrollbarProps {
   internalRowHeight: number;
-  tableRef: RefObject<any>;
+  tableRef: MutableRefObject<HTMLDivElement>;
   tableBodyHeight: number;
   scrollContainerRef: MutableRefObject<HTMLDivElement>;
   nativeScrollbar: boolean;