use ts

src/shared/components/DescriptionHint/DescriptionHint.tsx

@@ -1,17 +1,26 @@
 import { Button, Popover, Text } from '@ui5/webcomponents-react';
 import { createPortal } from 'react-dom';
-import { useRef, useState } from 'react';
+import { CSSProperties, ReactNode, useRef, useState } from 'react';
 import { uniqueId } from 'lodash';
 
+type HintButtonProps = {
+  setShowTitleDescription: any;
+  showTitleDescription: boolean;
+  description: string | ReactNode;
+  style?: CSSProperties;
+  dataTestID?: string;
+};
+
 export function HintButton({
   setShowTitleDescription,
   showTitleDescription,
   description,
   style,
-  dataTestID = null,
-}) {
+  dataTestID,
+}: HintButtonProps) {
   const [uniqueID] = useState(uniqueId('id-'));
   const descBtnRef = useRef(null);
+
   return (
     <>
       <Button
@@ -31,6 +40,7 @@ export function HintButton({
           opener={`descriptionOpener-${uniqueID}`}
           //Point initial focus to other component removes the focus from the link in description
           onAfterOpen={() => {
+            // @ts-ignore
             descBtnRef.current.focus();
           }}
           open={showTitleDescription}