From 02a1484ed5785e0765edf09486a6c7c456594467 Mon Sep 17 00:00:00 2001
From: seniorliketocode <abhishek234543@gmail.com>
Date: Sun, 22 Dec 2024 16:37:10 +0530
Subject: [PATCH] fix(box): add forwardRef to box component

---
 src/base/Box/Box.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/base/Box/Box.tsx b/src/base/Box/Box.tsx
index 84888704..a41ea187 100644
--- a/src/base/Box/Box.tsx
+++ b/src/base/Box/Box.tsx
@@ -1,7 +1,8 @@
 import { Box as MuiBox, type BoxProps as MuiBoxProps } from '@mui/material';
+import React from 'react';
 
-export function Box(props: MuiBoxProps): JSX.Element {
-  return <MuiBox {...props} />;
-}
+const Box = React.forwardRef<HTMLDivElement, MuiBoxProps>((props, ref) => {
+  return <MuiBox {...props} ref={ref} />;
+});
 
 export default Box;