ignore

src/components/Select/Select.tsx

@@ -1,4 +1,3 @@
-// @ts-ignore
 import React, { useState, useRef, useEffect } from 'react';
 import ReactSelect, {
   components as ReactSelectComponents,
@@ -59,8 +58,10 @@ const Select: React.FC<SelectProps> = ({
     action: ActionMeta<Option>
   ) => {
     if (!isControlled) {
+      // @ts-ignore
       setInternalValue(newValue);
     }
+    // @ts-ignore
     onChange?.(newValue, action);
   };
 
@@ -75,14 +76,13 @@ const Select: React.FC<SelectProps> = ({
     loadOptions ? 'select-async' : ''
   } ${className || ''}`.trim();
 
-  const CustomValueContainer = ({ children, ...props }: ValueContainerProps<Option, boolean>) => {
-    return (
+  // eslint-disable-next-line no-shadow,react/no-unstable-nested-components
+  const CustomValueContainer = ({ children, ...props }: ValueContainerProps<Option, boolean>) => (
       <ReactSelectComponents.ValueContainer {...props}>
         {children}
         {name && <input type="hidden" name={name} value={props.getValue()[0]?.value || ''} />}
       </ReactSelectComponents.ValueContainer>
     );
-  };
 
   return (
     <SelectComponent
@@ -97,6 +97,7 @@ const Select: React.FC<SelectProps> = ({
       {...props}
       components={{
         ...ReactSelectComponents,
+        // eslint-disable-next-line react/no-unstable-nested-components
         Input: (inputComponentProps: any) => (
           <ReactSelectComponents.Input
             {...inputComponentProps}
@@ -110,9 +111,4 @@ const Select: React.FC<SelectProps> = ({
   );
 };
 
-// For testing purposes
-Select.Async = AsyncSelect;
-Select.AsyncCreatable = AsyncCreatableSelect;
-Select.Creatable = CreatableSelect;
-
 export default Select;