From febe82ddc6dd7af960c9bfae991c729c76265dea Mon Sep 17 00:00:00 2001
From: Kubit <kubit@opendigitalservices.com>
Date: Tue, 6 Aug 2024 14:36:27 +0200
Subject: [PATCH] Fix typescript refs error

---
 src/components/pillV2/pill.tsx           | 2 +-
 src/components/pillV2/pillStandAlone.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/pillV2/pill.tsx b/src/components/pillV2/pill.tsx
index 18965ca1..cb6f2fa8 100644
--- a/src/components/pillV2/pill.tsx
+++ b/src/components/pillV2/pill.tsx
@@ -16,7 +16,7 @@ const PillComponent = (
     disabled = false,
     ...props
   }: React.PropsWithChildren<IPill>,
-  ref: React.ForwardedRef<HTMLDivElement>
+  ref: React.ForwardedRef<HTMLButtonElement>
 ) => {
   const variantStyles = useStylesV2<PillVariantPropsStylesType>({
     styleName: STYLES_NAME.PILL_V2,
diff --git a/src/components/pillV2/pillStandAlone.tsx b/src/components/pillV2/pillStandAlone.tsx
index 34f9a81a..a344db42 100644
--- a/src/components/pillV2/pillStandAlone.tsx
+++ b/src/components/pillV2/pillStandAlone.tsx
@@ -18,7 +18,7 @@ import { IPillStandAlone, PillType } from './types';
 
 const PillStandAloneComponent = (
   { dataTestId = 'pill', type = PillType.BUTTON, ...props }: IPillStandAlone,
-  ref: React.ForwardedRef<HTMLDivElement> | undefined | null
+  ref: React.ForwardedRef<HTMLButtonElement> | undefined | null
 ): JSX.Element => {
   const id = useId('pill');
   const pillContentId = `${id}-content`;