Can't scroll on component mount

I have the following function to scroll to the bottom of the container

  const scrollChatToBottom = useCallback(() => {
    animateScroll.scrollToBottom({
      containerId: "event-chat-messages",
    });
  }, []);

And I want to execute that function on the component mount

  useEffect(() => {
    scrollChatToBottom();
  }, [
    scrollChatToBottom,
  ]);

But it’s not working, is there a reason to that happen?

[fisshy]

Yes, I was a bit fast to close it, sorry.

You both are more then welcome to make a PR. Would be cool to make something like “useScroll” which resolves after the three is updated.

[pedro-lb]

Hey there, @fisshy! I don’t think this issue is solved.

Should be resolved internally within the lib - otherwise everywhere we use this we’ll have to add a ref or setTimeout - which is neither documented nor practical.

If you want we could submit a PR fixing this issue.