From 72bf79dc8dffb5ebcbc14d9a99895e28f947265e Mon Sep 17 00:00:00 2001
From: seniorliketocode <abhishek234543@gmail.com>
Date: Wed, 25 Dec 2024 19:09:45 +0530
Subject: [PATCH] fix(ToggleButtonGroup): add forwardRef ToggleButtonGroup
 component

Signed-off-by: seniorliketocode <abhishek234543@gmail.com>
---
 src/base/ToggleButtonGroup/ToggleButtonGroup.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx b/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx
index e614624c4..73348807a 100644
--- a/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx
+++ b/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx
@@ -2,9 +2,12 @@ import {
   ToggleButtonGroup as MuiToggleButtonGroup,
   type ToggleButtonGroupProps as MuiToggleButtonGroupProps
 } from '@mui/material';
+import React from 'react';
 
-export function ToggleButtonGroup(props: MuiToggleButtonGroupProps): JSX.Element {
-  return <MuiToggleButtonGroup {...props} />;
-}
+const ToggleButtonGroup = React.forwardRef<HTMLDivElement, MuiToggleButtonGroupProps>(
+  (props, ref) => {
+    return <MuiToggleButtonGroup {...props} ref={ref} />;
+  }
+);
 
 export default ToggleButtonGroup;