From 321b47ab3f919d3c78208a0c42269ed2bde35e59 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Fri, 12 Jul 2024 01:34:21 +0900
Subject: [PATCH] fix(drawer): apply ServerSideDocumentFallback

---
 packages/react/components/Drawer.tsx | 44 +++++++++++++++++-----------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/packages/react/components/Drawer.tsx b/packages/react/components/Drawer.tsx
index e35bf0a..42d84f3 100644
--- a/packages/react/components/Drawer.tsx
+++ b/packages/react/components/Drawer.tsx
@@ -1,4 +1,10 @@
-import { type AsChild, Slot, type VariantProps, vcn } from "@pswui-lib";
+import {
+  type AsChild,
+  ServerSideDocumentFallback,
+  Slot,
+  type VariantProps,
+  vcn,
+} from "@pswui-lib";
 import React, {
   type ComponentPropsWithoutRef,
   type TouchEvent as ReactTouchEvent,
@@ -119,22 +125,26 @@ const DrawerOverlay = forwardRef<HTMLDivElement, DrawerOverlayProps>(
           : 1
     })`;
 
-    return createPortal(
-      <Comp
-        {...restPropsExtracted}
-        className={drawerOverlayVariant({
-          ...variantProps,
-          opened: state.isDragging ? true : state.opened,
-        })}
-        onClick={onOutsideClick}
-        style={{
-          backdropFilter,
-          WebkitBackdropFilter: backdropFilter,
-          transitionDuration: state.isDragging ? "0s" : undefined,
-        }}
-        ref={ref}
-      />,
-      document.body,
+    return (
+      <ServerSideDocumentFallback>
+        {createPortal(
+          <Comp
+            {...restPropsExtracted}
+            className={drawerOverlayVariant({
+              ...variantProps,
+              opened: state.isDragging ? true : state.opened,
+            })}
+            onClick={onOutsideClick}
+            style={{
+              backdropFilter,
+              WebkitBackdropFilter: backdropFilter,
+              transitionDuration: state.isDragging ? "0s" : undefined,
+            }}
+            ref={ref}
+          />,
+          document.body,
+        )}
+      </ServerSideDocumentFallback>
     );
   },
 );