do nothing and return false when target is null

mui · Mar 3, 2025 · 680496f · 680496f
1 parent b01eb82
commit 680496f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.d.ts b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.d.ts
@@ -1,6 +1,6 @@
 export interface UseScrollTriggerOptions {
   disableHysteresis?: boolean;
-  target?: Node | Window;
+  target?: Node | Window | null;
   threshold?: number;
 }
 

diff --git a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.js
@@ -26,6 +26,10 @@ export default function useScrollTrigger(options = {}) {
   const store = React.useRef();
   const [trigger, setTrigger] = React.useState(() => getTrigger(store, other));
   React.useEffect(() => {
+    if (target === null) {
+      setTrigger(false);
+      return undefined;
+    }
     const handleScroll = () => {
       setTrigger(getTrigger(store, { target, ...other }));
     };