fix(drawer): apply ServerSideDocumentFallback

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(
+    return (
-      <Comp
+      <ServerSideDocumentFallback>
-        {...restPropsExtracted}
+        {createPortal(
-        className={drawerOverlayVariant({
+          <Comp
-          ...variantProps,
+            {...restPropsExtracted}
-          opened: state.isDragging ? true : state.opened,
+            className={drawerOverlayVariant({
-        })}
+              ...variantProps,
-        onClick={onOutsideClick}
+              opened: state.isDragging ? true : state.opened,
-        style={{
+            })}
-          backdropFilter,
+            onClick={onOutsideClick}
-          WebkitBackdropFilter: backdropFilter,
+            style={{
-          transitionDuration: state.isDragging ? "0s" : undefined,
+              backdropFilter,
-        }}
+              WebkitBackdropFilter: backdropFilter,
-        ref={ref}
+              transitionDuration: state.isDragging ? "0s" : undefined,
-      />,
+            }}
-      document.body,
+            ref={ref}
+          />,
+          document.body,
+        )}
+      </ServerSideDocumentFallback>
     );
   },
 );