p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(drawer): apply ServerSideDocumentFallback

Browse Source
This commit is contained in:
p-sw 2024-07-12 01:34:21 +09:00
parent 985a2b5297
commit 321b47ab3f
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/react/components/Drawer.tsx
View File

@ -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,7 +125,9 @@ const DrawerOverlay = forwardRef<HTMLDivElement, DrawerOverlayProps>(
: 1
})`;
return createPortal(
return (
<ServerSideDocumentFallback>
{createPortal(
<Comp
{...restPropsExtracted}
className={drawerOverlayVariant({
@ -135,6 +143,8 @@ const DrawerOverlay = forwardRef<HTMLDivElement, DrawerOverlayProps>(
ref={ref}
/>,
document.body,
)}
</ServerSideDocumentFallback>
);
},
);