fix: ts export errors and warnings

Author: mrholek

src/components/dropdown/CDropdownMenu.tsx

@@ -72,15 +72,14 @@ export const CDropdownMenu: FC<CDropdownMenuProps> = ({
     className,
   )
 
-  const dropdownMenuComponent = (style?: React.CSSProperties, ref?: React.Ref<any>, ) => {
+  const dropdownMenuComponent = (style?: React.CSSProperties, ref?: React.Ref<HTMLDivElement>) => {
     return (
       <Component
         className={_className}
         ref={ref}
         style={style}
         role="menu"
         aria-hidden={!visible}
-        // isReferenceHidden={false}
         {...(!popper && { 'data-coreui-popper': 'static' })}
         {...rest}
       >

src/components/nav/CNavItem.tsx

@@ -3,25 +3,23 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { CNavLink, CNavLinkProps } from './CNavLink'
 
-export const CNavItem = forwardRef<
-  HTMLButtonElement | HTMLAnchorElement | HTMLLIElement,
-  CNavLinkProps
->(({ children, className, ...rest }, ref) => {
-  const _className = classNames('nav-item', className)
-  if (rest.href || rest.to) {
-    children = (
-      <CNavLink className={className} {...rest} ref={ref}>
+export const CNavItem = forwardRef<HTMLLIElement, CNavLinkProps>(
+  ({ children, className, ...rest }, ref) => {
+    const _className = classNames('nav-item', className)
+    if (rest.href || rest.to) {
+      children = (
+        <CNavLink className={className} {...rest}>
+          {children}
+        </CNavLink>
+      )
+    }
+    return (
+      <li className={_className} ref={ref}>
         {children}
-      </CNavLink>
+      </li>
     )
-  }
-  return (
-    // @ts-expect-error
-    <li className={_className} ref={ref}>
-      {children}
-    </li>
-  )
-})
+  },
+)
 
 CNavItem.propTypes = {
   children: PropTypes.node,

src/components/sidebar/CSidebarNav.tsx

@@ -26,16 +26,13 @@ export const CSidebarNav = forwardRef<HTMLUListElement, CSidebarNavProps>(
     const classes = classNames('sidebar-nav', className)
     return (
       <ul className={classes} ref={ref} {...rest}>
-        {/* {children} */}
         <CNavContext.Provider value={CNavContextValues}>
-          {
-            // @ts-expect-error
-            React.Children.map(children, (child, index) => {
-              if (React.isValidElement(child)) {
-                return React.cloneElement(child, { key: index, idx: index })
-              }
-            })
-          }
+          {React.Children.map(children, (child, index) => {
+            if (React.isValidElement(child)) {
+              return React.cloneElement(child, { key: index, idx: `${index}` })
+            }
+            return
+          })}
         </CNavContext.Provider>
       </ul>
     )