Fix eslint and typescript errors

Author: Kubit

src/components/backToTop/backToTopControlled.tsx

@@ -25,13 +25,9 @@ const BackToTopControlledComponent = React.forwardRef(
 
     const innerRef = React.useRef<HTMLButtonElement | null>(null);
 
-    React.useImperativeHandle(
-      ref,
-      () => {
-        return innerRef?.current as HTMLButtonElement;
-      },
-      []
-    );
+    React.useImperativeHandle(ref, () => {
+      return innerRef?.current as HTMLButtonElement;
+    }, []);
 
     const { state, setRef } = useManageState({
       states: Object.values(BackToTopStateType) as States,

src/components/option/option.tsx

@@ -20,13 +20,9 @@ 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,13 +38,9 @@ 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,13 +30,9 @@ 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/hooks/useInput/__tests__/useInput.test.ts

@@ -1,15 +1,14 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import React, { ChangeEvent } from 'react';
 
-import { FormatNumber } from '@/components';
 import * as validationsProvider from '@/provider/validations/validationsProvider';
 
 import { useInput } from '../useInput';
 
 describe('useInput Hook', () => {
   it('useInput - on internal change should call parent onChange', () => {
     const onChange = jest.fn();
-    const formatNumber = { style: 'decimal' } as FormatNumber;
+    const formatNumber = { style: 'decimal' };
     const ref = React.createRef<HTMLInputElement | undefined>();
     const currentValue = '123234';
     const regex = new RegExp('^[0-9]*$');
@@ -44,7 +43,7 @@ describe('useInput Hook', () => {
   });
   it('useInput - on internal blur should call parent onBlur', () => {
     const onBlur = jest.fn();
-    const formatNumber = { style: 'decimal' } as FormatNumber;
+    const formatNumber = { style: 'decimal' };
     const { result } = renderHook(() => useInput({ onBlur, formatNumber }));
 
     act(() => {