diff --git a/packages/react/src/Breakout/BreakoutCell.tsx b/packages/react/src/Breakout/BreakoutCell.tsx
index 76855d267b..48bf05327d 100644
--- 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
index 84cbe4c689..e39108ff32 100644
--- 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}