🐛 Forgot to actually use the forwarded ref

teamleadercrm · Nov 6, 2023 · c3e63d3 · c3e63d3
1 parent c69aa19
commit c3e63d3
Showing 1 changed file with 10 additions and 4 deletions.
diff --git 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';