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

fix: solve react-hooks/exhaustive-deps warning

Browse Source
This commit is contained in:
p-sw 2024-06-14 23:04:10 +09:00
parent e15fe48ec8
commit ebfcd60594
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -49,13 +49,15 @@ const DrawerRoot = ({ children, closeThreshold, opened }: DrawerRootProps) => {
opened: opened ?? DrawerContextInitial.opened, opened: opened ?? DrawerContextInitial.opened,
closeThreshold: closeThreshold ?? DrawerContextInitial.closeThreshold, closeThreshold: closeThreshold ?? DrawerContextInitial.closeThreshold,
}); });
const setState = state[1];
useEffect(() => { useEffect(() => {
state[1]((prev) => ({ setState((prev) => ({
...prev, ...prev,
opened: opened ?? prev.opened, opened: opened ?? prev.opened,
closeThreshold: closeThreshold ?? prev.closeThreshold, closeThreshold: closeThreshold ?? prev.closeThreshold,
})); }));
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [closeThreshold, opened]); }, [closeThreshold, opened]);
return ( return (
@ -300,7 +302,8 @@ const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(
window.removeEventListener("touchmove", onMouseMove); window.removeEventListener("touchmove", onMouseMove);
window.removeEventListener("touchend", onMouseUp); window.removeEventListener("touchend", onMouseUp);
}; };
}, [state, dragState]); // eslint-disable-next-line react-hooks/exhaustive-deps
}, [state, dragState, position]);
return ( return (
<div <div