fix: types

Author: shiftpsh

src/components/Select.tsx

@@ -15,7 +15,7 @@ import {
   useInteractions,
   useListNavigation,
   useRole,
-  useTypeahead
+  useTypeahead,
 } from '@floating-ui/react-dom-interactions'
 import { IconChevronDown } from '@tabler/icons-react'
 import { AnimatePresence, motion } from 'framer-motion'
@@ -27,9 +27,10 @@ import React, {
   useImperativeHandle,
   useLayoutEffect,
   useRef,
-  useState
+  useState,
 } from 'react'
 import { PP, PR } from '../types/PolymorphicElementProps'
+import { Timeout } from '../types/Timeout'
 import { forwardRefWithGenerics } from '../utils/ref'
 import { cssClickable, cssDisablable } from '../utils/styles'
 import { ListItem, ListItemProps } from './$List'
@@ -116,7 +117,7 @@ export const Select = forwardRefWithGenerics(
     const listContentRef = useRef<Array<string | null>>([])
     const allowSelectRef = useRef(false)
     const allowMouseUpRef = useRef(true)
-    const selectTimeoutRef = useRef<any>()
+    const selectTimeoutRef = useRef<Timeout>()
 
     const [open, setOpen] = useState(false)
     const [selectedIndex, setSelectedIndex] = useState(0)

src/components/TextField.tsx

@@ -50,20 +50,18 @@ export const TextField: PC<'input', TextFieldProps> = forwardRefWithGenerics(
       multiline = false,
       disabled = false,
       resizable = false,
-      as,
+      // TODO types are wrong when `as` is inferred by variant
+      as = multiline ? 'textarea' : 'input',
       ...rest
     } = props
 
-    // TODO types are wrong when `as` is inferred by variant
-    const calculatedAs = as || (multiline ? 'textarea' : 'input')
-
     return (
       <TextFieldContainer
         fullWidth={fullWidth}
         disabled={disabled}
         resizable={getResizable(resizable)}
         ref={ref}
-        as={calculatedAs}
+        as={as}
         {...rest}
       />
     )

src/types/PolymorphicElementProps.ts

@@ -2,7 +2,7 @@ import React, {
   ComponentPropsWithoutRef,
   ComponentPropsWithRef,
   ElementType,
-  JSXElementConstructor
+  JSXElementConstructor,
 } from 'react'
 
 // from: https://codesandbox.io/s/9dxyq?file=/src/PolymorphicComponent.tsx
@@ -16,10 +16,15 @@ type PropsOf<
   C extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>
 > = JSX.LibraryManagedAttributes<C, ComponentPropsWithoutRef<C>>
 
+// https://github.com/microsoft/TypeScript/issues/44596#issuecomment-1447648600
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type OmitFix<T> = T extends any ? T : never
+
 type ExtendableProps<
   ExtendedProps = Record<string, unknown>,
   OverrideProps = Record<string, unknown>
-> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>
+> = OverrideProps & OmitFix<Omit<ExtendedProps, keyof OverrideProps>>
 
 type InheritableElementProps<
   C extends ElementType,

src/types/Timeout.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Timeout = any // null | ReturnType<typeof setTimeout>

src/utils/ref.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import React, { ForwardedRef, ReactElement, RefAttributes } from 'react'
 
 export const forwardRefWithGenerics: <T, P = {}>(