initial="instant" does not work

[williamlmao]

I cannot get initial="instant" to work no matter what I try - here's a minimal reproducible example in v0: https://v0.app/chat/ai-chat-app-rBG8YEfRBHg?ref=A8BXOZ

You can see in this example it will still start from the top and smooth scroll down on load.

[lsalling]

Having the same problem

[typeofweb]

Are there any solutions to this?

[chad-thread]

Same

[imaai]

Same

[NickMandylas]

Same problem is occurring:
Next: 16.1.0 (React Compiler Enabled)
React: 19.2.0

There is a workaround, you need to manually set the spring physics of damping and stiffness to 1.

  <StickToBottom
    className={cn("relative flex-1 overflow-y-auto scrollbar-minimal")}
    initial={{ damping: 1, stiffness: 1 }}
    resize="smooth"
    role="log"
  >
    <ConversationContent />
  </StickToBottom>

Implemented fix on @williamlmao's provided example: https://v0.app/chat/ai-chat-app-instant-scroll-to-bottom-fix-bRtHBRFemZT?ref=5PL7FT

[johnny-wrtn]

same