WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/inmail/inmail/inmail.js

 import EmptySection from '../../shared/empty-section/EmptySection'
 import MessageBox from './MessageBox'
 import MessageTemplate from './MessageTemplate'
 import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
 import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
-import useNear from '../../hooks/useNear'
 const Chatmail = ({
   selectedConversation = null,
   messages = [],
   setConversation = () => { },
   getMoreMessages = () => { },
   onSend = () => { }
 }) => {
-  const lastMessage = useRef(null)
-  const [isIntersecting, reset] = useNear(lastMessage)
+  const lastMessage = useRef(null)
+  useEffect(() => {
-  useEffect(() => {
+    const observer = new IntersectionObserver(([entry]) => {
-    if (isIntersecting) {
+      if (entry.isIntersecting) {
+        getMoreMessages()
+      }
+    })
+    if (lastMessage.current) {
+      observer.observe(lastMessage.current)
+    }
-      getMoreMessages()
+    return () => {
-      reset()
+      observer.unobserve()
+    }
-  }, [isIntersecting])
+  }, [messages])

Proyectos de Subversion LeadersLinked - Antes de SPA