From c3e63d3bc806a6d0b2e61bf04cebf01f935b377a Mon Sep 17 00:00:00 2001
From: Lowie Benoot <lowie@teamleader.eu>
Date: Mon, 6 Nov 2023 20:53:50 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Forgot=20to=20actually=20use=20t?=
 =?UTF-8?q?he=20forwarded=20ref?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/grid/GridItem.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/grid/GridItem.tsx b/src/components/grid/GridItem.tsx
index 23d2014d0..400e334df 100644
--- a/src/components/grid/GridItem.tsx
+++ b/src/components/grid/GridItem.tsx
@@ -3,11 +3,17 @@ import { GenericComponent } from '../../@types/types';
 
 export type GridItemProps = Partial<{ children: ReactNode; area: string }>;
 
-const GridItem: GenericComponent<GridItemProps> = forwardRef<HTMLDivElement, GridItemProps>(({ children, area }) => {
-  const gridItemStyles = { gridArea: area };
+const GridItem: GenericComponent<GridItemProps> = forwardRef<HTMLDivElement, GridItemProps>(
+  ({ children, area }, ref) => {
+    const gridItemStyles = { gridArea: area };
 
-  return <div style={gridItemStyles}>{children}</div>;
-});
+    return (
+      <div style={gridItemStyles} ref={ref}>
+        {children}
+      </div>
+    );
+  },
+);
 
 GridItem.displayName = 'Grid';