Improve typing of polymorphic refs

Amsterdam · Nov 8, 2024 · e36ba8b · e36ba8b
1 parent 634293a
commit e36ba8b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/react/src/Breakout/BreakoutCell.tsx b/packages/react/src/Breakout/BreakoutCell.tsx
@@ -2,9 +2,10 @@
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
+
 import clsx from 'clsx'
 import { forwardRef } from 'react'
-import type { HTMLAttributes, PropsWithChildren } from 'react'
+import type { ForwardedRef, HTMLAttributes, PropsWithChildren } from 'react'
 import type { BreakoutRowNumber, BreakoutRowNumbers } from './Breakout'
 import { breakoutCellClasses } from './breakoutCellClasses'
 import type { GridColumnNumber, GridColumnNumbers } from '../Grid/Grid'
@@ -54,7 +55,7 @@ export const BreakoutCell = forwardRef(
       rowStart,
       ...restProps
     }: BreakoutCellProps,
-    ref: any,
+    ref: ForwardedRef<any>,
   ) => (
     <Tag
       {...restProps}

diff --git a/packages/react/src/Grid/Grid.tsx b/packages/react/src/Grid/Grid.tsx
@@ -5,7 +5,7 @@
 
 import clsx from 'clsx'
 import { forwardRef } from 'react'
-import type { HTMLAttributes, PropsWithChildren } from 'react'
+import type { ForwardedRef, HTMLAttributes, PropsWithChildren } from 'react'
 import { GridCell } from './GridCell'
 import { paddingClasses } from './paddingClasses'
 
@@ -55,7 +55,7 @@ const GridRoot = forwardRef(
       paddingVertical,
       ...restProps
     }: GridProps,
-    ref: any,
+    ref: ForwardedRef<any>,
   ) => (
     <Tag
       {...restProps}