Update SearchIcons.js

mui · Oct 1, 2024 · 67b256a · 67b256a
1 parent ae2bbc9
commit 67b256a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
@@ -163,8 +163,9 @@ function Icon(props) {
   React.useEffect(() => {
     const margin = 200;
     const root = /** @type {SVGElement} */ (rootRef.current);
-    if (isElmVisible(root, margin)) {
+    if (initiallyVisible || isElmVisible(root, margin)) {
       setIsVisible(true);
+      return () => {};
     }
     const observer = new IntersectionObserver(
       (entries) => {
@@ -178,7 +179,7 @@ function Icon(props) {
     return () => {
       observer.disconnect();
     };
-  }, []);
+  }, [initiallyVisible]);
 
   /* eslint-disable jsx-a11y/click-events-have-key-events */
   return (