From 81455602efc898cd77eff2c307d591edee556715 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 31 Dec 2022 16:50:20 -0800
Subject: [PATCH] Forward scrollarea ref

---
 src/renderer/components/scroll-area/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/scroll-area/index.tsx b/src/renderer/components/scroll-area/index.tsx
index 770dafe6..4b673230 100644
--- a/src/renderer/components/scroll-area/index.tsx
+++ b/src/renderer/components/scroll-area/index.tsx
@@ -1,3 +1,4 @@
+import { forwardRef, Ref } from 'react';
 import type { ScrollAreaProps as MantineScrollAreaProps } from '@mantine/core';
 import { ScrollArea as MantineScrollArea } from '@mantine/core';
 import styled from 'styled-components';
@@ -18,13 +19,14 @@ const StyledScrollArea = styled(MantineScrollArea)`
   }
 `;
 
-export const ScrollArea = ({ children, ...props }: ScrollAreaProps) => {
+export const ScrollArea = forwardRef(({ children, ...props }: ScrollAreaProps, ref: Ref<any>) => {
   return (
     <StyledScrollArea
+      ref={ref}
       scrollbarSize={12}
       {...props}
     >
       {children}
     </StyledScrollArea>
   );
-};
+});