From 08c8b4eccd234771727ac9c2e1788a9ceaef6029 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Morten=20N=2EO=2E=20N=C3=B8rgaard=20Henriksen?=
 <1136718+raix@users.noreply.github.com>
Date: Sun, 21 Jul 2024 22:08:36 +0200
Subject: [PATCH] Add ref type on Group

---
 ui/components/Group.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/components/Group.tsx b/ui/components/Group.tsx
index 4cab227..c83aad1 100644
--- a/ui/components/Group.tsx
+++ b/ui/components/Group.tsx
@@ -1,3 +1,4 @@
+import type { RefAttributes } from "react";
 /**
  * ref: https://react-spectrum.adobe.com/react-aria-tailwind-starter/?path=/docs/textfield--docs
  */
@@ -10,7 +11,7 @@ const styles = tv({
   extend: focusRing,
   base: "flex rounded-md border-2 border-border [&>*:not(:last-child)]:border-r-2 [&>*:not(:last-child)]:rounded-r-none"
 });
-export function Group({ className, children, ...props }: Readonly<GroupProps>) {
+export function Group({ className, children, ...props }: Readonly<GroupProps & RefAttributes<HTMLDivElement>>) {
   return (
     <AriaGroup
       {...props}