Pretiffier useImperativeHandle

Author: Hector Arce De Las Heras

src/components/listOptions/listOptionsStandAlone.tsx

@@ -40,9 +40,13 @@ export const ListOptionsStandAlone = React.forwardRef(
     const [focus, setFocus, listEl] = useRoveFocus(props.roveFocus ?? roveFocusProps);
     const _id = useId();
 
-    React.useImperativeHandle(ref, () => {
-      return listEl.current as HTMLDivElement;
-    }, []);
+    React.useImperativeHandle(
+      ref,
+      () => {
+        return listEl.current as HTMLDivElement;
+      },
+      []
+    );
 
     const id = props.id ?? _id;
     const isSelection = type === ListOptionsType.SELECTION;

src/components/option/option.tsx

@@ -20,9 +20,13 @@ export const OptionComponent = React.forwardRef(
     const [hover, setHover] = React.useState(false);
     const [focused, setFocused] = React.useState(false);
 
-    React.useImperativeHandle(ref, () => {
-      return innerRef.current as HTMLElement;
-    }, []);
+    React.useImperativeHandle(
+      ref,
+      () => {
+        return innerRef.current as HTMLElement;
+      },
+      []
+    );
 
     React.useEffect(() => {
       if (focus) {

src/components/pillSelector/pillSelectorControlled.tsx

@@ -38,9 +38,13 @@ const PillSelectorControlledComponent = React.forwardRef(
       }
     };
 
-    React.useImperativeHandle(ref, () => {
-      return measuredRef.current as HTMLDivElement;
-    }, []);
+    React.useImperativeHandle(
+      ref,
+      () => {
+        return measuredRef.current as HTMLDivElement;
+      },
+      []
+    );
 
     React.useEffect(() => {
       let resizeObserver: ResizeObserver;

src/components/pillSelector/pillSelectorStandAlone.tsx

@@ -30,9 +30,13 @@ const PillSelectorStandAloneComponent = (
 
   const isPillSelected = props.pillSelected?.length !== 0;
 
-  React.useImperativeHandle(ref, () => {
-    return listEl.current as HTMLDivElement;
-  }, []);
+  React.useImperativeHandle(
+    ref,
+    () => {
+      return listEl.current as HTMLDivElement;
+    },
+    []
+  );
 
   return (
     <PillSelectorWrapper

src/components/thirdPartyAnimation/thirdPartyAnimation.tsx

@@ -22,9 +22,13 @@ const ThirdPartyAnimationComponent = <V extends string | unknown>(
   const { thirdPartyAnimationData } = variantTheme;
   const element = React.useRef<HTMLDivElement>(null);
 
-  React.useImperativeHandle(ref, () => {
-    return element.current as HTMLDivElement;
-  }, []);
+  React.useImperativeHandle(
+    ref,
+    () => {
+      return element.current as HTMLDivElement;
+    },
+    []
+  );
 
   React.useEffect(() => {
     if (element.current) {

src/components/tooltip/tooltipUnControlled.tsx

@@ -29,9 +29,13 @@ const TooltipUnControlledComponent = React.forwardRef(
       styleTooltipAsModal: styles.tooltipAsModal,
     });
 
-    React.useImperativeHandle(ref, () => {
-      return labelRef.current as HTMLDivElement;
-    }, []);
+    React.useImperativeHandle(
+      ref,
+      () => {
+        return labelRef.current as HTMLDivElement;
+      },
+      []
+    );
 
     const { showTooltip, hideTooltip, allowFocusOpenTooltip, open } = useTooltip<V>({
       labelRef,