small change

Author: bradwestfall

react/advanced-hooks/01-useEffect/practice-chat-room/ChatRoom.final.tsx

@@ -90,11 +90,7 @@ export function ChatRoom({ user }: Props) {
     const e = event.target
     // See if the user scrolled to the bottom
     const bottom = e.scrollHeight <= Math.ceil(e.scrollTop + e.clientHeight)
-    // If the user is in a different scroll position from what we have
-    // in state, update the state
-    if (scrolledToBottom !== bottom) {
-      setScrolledToBottom(bottom)
-    }
+    setScrolledToBottom(bottom)
   }
 
   return (

react/advanced-hooks/01-useEffect/practice-chat-room/ChatRoom.tsx

@@ -58,8 +58,7 @@ export function ChatRoom({ user }: Props) {
     const e = event.target
     // See if the user scrolled to the bottom
     const bottom = e.scrollHeight <= Math.ceil(e.scrollTop + e.clientHeight)
-    // If the user is in a different scroll position from what we have
-    // in state, update the state
+    // ⭐️⭐️⭐️ Let's talk about this if-statement and why it's actually not needed
     if (scrolledToBottom !== bottom) {
       setScrolledToBottom(bottom)
     }