diff --git a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx index ec29d314b7c..63ab201a115 100644 --- a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx +++ b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx @@ -1,6 +1,6 @@ import type { Virtualizer } from '@tanstack/react-virtual'; import { clsx } from 'clsx'; -import type { MutableRefObject, RefObject } from 'react'; +import type { MutableRefObject } from 'react'; import { useEffect, useMemo, useRef } from 'react'; import type { AnalyticalTablePropTypes, @@ -35,7 +35,7 @@ interface VirtualTableBodyProps { subRowsKey: string; scrollContainerRef?: MutableRefObject; triggerScroll?: TriggerScrollState; - scrollToRef: RefObject; + scrollToRef: MutableRefObject; rowVirtualizer: Virtualizer; } diff --git a/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts b/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts index 735a8897c18..6614b1d2db0 100644 --- a/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts +++ b/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts @@ -1,4 +1,4 @@ -import type { RefCallback, RefObject } from 'react'; +import type { RefCallback, MutableRefObject } from 'react'; import { useCallback, useRef } from 'react'; import type { AnalyticalTableScrollMode } from '../../../enums/AnalyticalTableScrollMode.js'; import type { AnalyticalTableDomRef, ScrollToRefType, TableInstance } from '../types/index.js'; @@ -6,7 +6,7 @@ import type { AnalyticalTableDomRef, ScrollToRefType, TableInstance } from '../t export function useScrollToRef( componentRef: (node: AnalyticalTableDomRef) => void, dispatch: TableInstance['dispatch'], -): [RefCallback, RefObject] { +): [RefCallback, MutableRefObject] { const scrollToRef = useRef(null); const cbRef: RefCallback = useCallback( diff --git a/packages/main/src/components/AnalyticalTable/util/index.ts b/packages/main/src/components/AnalyticalTable/util/index.ts index c9843c54006..601671a02d5 100644 --- a/packages/main/src/components/AnalyticalTable/util/index.ts +++ b/packages/main/src/components/AnalyticalTable/util/index.ts @@ -1,4 +1,4 @@ -import type { CSSProperties, RefObject } from 'react'; +import type { CSSProperties, MutableRefObject, RefObject } from 'react'; import { TextAlign } from '../../../enums/TextAlign.js'; import { VerticalAlign } from '../../../enums/VerticalAlign.js'; @@ -191,7 +191,7 @@ export function getLeafHeaders(header) { } export const getCombinedElementsHeight = ( - prevHeightRef: RefObject, + prevHeightRef: MutableRefObject, ...refs: RefObject[] ): number => { const prevHeight = prevHeightRef.current; diff --git a/packages/main/src/components/MessageView/MessageItem.tsx b/packages/main/src/components/MessageView/MessageItem.tsx index 22e8a84876d..0383de590b4 100644 --- a/packages/main/src/components/MessageView/MessageItem.tsx +++ b/packages/main/src/components/MessageView/MessageItem.tsx @@ -128,8 +128,7 @@ const MessageItem = forwardRef((prop useEffect(() => { if (typeof titleText === 'string') { setTitleTextStr(titleText); - } else if (isValidElement(titleText) && typeof (titleText.props as LinkPropTypes)?.children === 'string') { - // @ts-expect-error: props.children is available and a string + } else if (isValidElement(titleText) && typeof titleText.props.children === 'string') { setTitleTextStr(titleText.props.children); } }, [titleText]); diff --git a/packages/main/src/components/ObjectPage/useHandleTabSelect.ts b/packages/main/src/components/ObjectPage/useHandleTabSelect.ts index ae882b04db0..5a910ea7661 100644 --- a/packages/main/src/components/ObjectPage/useHandleTabSelect.ts +++ b/packages/main/src/components/ObjectPage/useHandleTabSelect.ts @@ -1,6 +1,6 @@ import type { debounce } from '@ui5/webcomponents-react-base'; import { enrichEventWithDetails } from '@ui5/webcomponents-react-base'; -import type { Dispatch, JSXElementConstructor, ReactElement, RefObject, SetStateAction } from 'react'; +import type { Dispatch, JSXElementConstructor, MutableRefObject, ReactElement, RefObject, SetStateAction } from 'react'; import { isValidElement, useEffect, useState } from 'react'; import { ObjectPageMode } from '../../enums/ObjectPageMode.js'; import type { TabContainerPropTypes } from '../../webComponents/TabContainer/index.js'; @@ -16,11 +16,11 @@ interface UseHandleTabSelectProps { childrenArray: ReactElement>[]; handleOnSectionSelected: any; - isProgrammaticallyScrolled: RefObject; + isProgrammaticallyScrolled: MutableRefObject; setInternalSelectedSectionId: Dispatch>; objectPageRef: RefObject; debouncedOnSectionChange: ReturnType; - scrollTimeout: RefObject; + scrollTimeout: MutableRefObject; setSelectedSubSectionId: Dispatch>; setTabSelectId: Dispatch>; setWasUserSectionChange: Dispatch>;