fix: Typescript errors for Switch and Table (#519)

Author: dogmar

src/components/Switch.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useRef } from 'react'
+import { type ComponentProps, useMemo, useRef } from 'react'
 import { useToggleState } from 'react-stately'
 import {
   type AriaSwitchProps,
@@ -26,7 +26,7 @@ type UseSwitchProps = Omit<
 }
 
 export type SwitchProps = UseSwitchProps &
-  Pick<typeof SwitchSC, 'as' | 'className'>
+  Pick<ComponentProps<typeof SwitchSC>, 'as'> & { className?: string }
 
 const SwitchSC = styled.label<SwitchStyleProps>(
   ({ $checked, $disabled, $readOnly, theme }) => ({

src/components/Table.tsx

@@ -18,6 +18,7 @@ import type {
   FilterFn,
   Row,
   SortDirection,
+  TableOptions,
 } from '@tanstack/react-table'
 import {
   flexRender,
@@ -64,7 +65,7 @@ export type TableProps = Omit<
     Parameters<typeof useVirtualizer>,
     'parentRef' | 'size'
   >
-  reactTableOptions?: Omit<Parameters<typeof useReactTable>, 'data' | 'columns'>
+  reactTableOptions?: Partial<Omit<TableOptions<any>, 'data' | 'columns'>>
   onRowClick?: (e: MouseEvent<HTMLTableRowElement>, row: Row<any>) => void
 }
 

src/stories/Table.stories.tsx

@@ -1,6 +1,6 @@
 import { createColumnHelper } from '@tanstack/react-table'
 import { Div, Flex, Input, type InputProps, P } from 'honorable'
-import React, { type ReactElement, useEffect } from 'react'
+import React, { type ComponentProps, type ReactElement, useEffect } from 'react'
 import type { Row } from '@tanstack/react-table'
 
 import {
@@ -235,7 +235,7 @@ function DebouncedInput({
   )
 }
 
-function FilterableTemplate(args: any) {
+function FilterableTemplate(args: ComponentProps<typeof Table>) {
   const [globalFilter, setGlobalFilter] = React.useState('')
 
   return (