♻️ Get rid of ts lint error

equinor · Nov 9, 2020 · 3a81d16 · 3a81d16
1 parent 6ca4756
commit 3a81d16
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/libraries/core-react/src/Tabs/TabList.tsx b/libraries/core-react/src/Tabs/TabList.tsx
@@ -6,6 +6,8 @@ import React, {
   useEffect,
   ReactElement,
   HTMLAttributes,
+  ButtonHTMLAttributes,
+  RefAttributes,
 } from 'react'
 import styled from 'styled-components'
 import { useCombinedRefs } from '../_common/useCombinedRefs'
@@ -42,7 +44,8 @@ type TabListProps = {
 type TabChild = {
   disabled?: boolean
   index?: number
-} & JSX.IntrinsicElements['button'] &
+} & ButtonHTMLAttributes<HTMLButtonElement> &
+  RefAttributes<HTMLButtonElement> &
   ReactElement
 
 const TabList = forwardRef<HTMLDivElement, TabListProps>(function TabsList(
@@ -77,7 +80,7 @@ const TabList = forwardRef<HTMLDivElement, TabListProps>(function TabsList(
     (child: TabChild, index: number) => {
       const tabRef =
         index === activeTab
-          ? useCombinedRefs(child.ref, selectedTabRef)
+          ? useCombinedRefs<HTMLButtonElement>(child.ref, selectedTabRef)
           : child.ref
 
       return React.cloneElement(child, {