How to scroll to searched message on result click in Sendbird UIKit?

Sendbird Chat UIKit React
,
1

[Problem/Question]

  1. Infinite scrolling of the list of retrieved contents in the MessageSearch component does not work correctly for the first time.

  2. Scrolling by clicking on a searched item did not move correctly (when requesting to move to an item that existed as a previous message and was not added to the DOM).

[UIKit Version]
@sendbird/chat: ^4.17.0,
@sendbird/uikit-react: ^3.16.1

[Reproduction Steps]

<GroupChannel
{…{
channelUrl: channelUrl ?? “”,
isReactionEnabled: true,
isMessageGroupingEnabled: true,
// ! TO ACTIVAT (NEED CUSTOM COMPONENT)
// showSearchIcon: true,
isMultipleFilesMessageEnabled: true,
disableUserProfile: false,
scrollBehavior: “smooth”,
onChatHeaderActionClick: () => {
setShowSettings((prev) => !prev);
},
onSearchClick: () => {
setShowSearch((prev) => !prev);
},
renderUserProfile: ({
user,
close,
}: {
user: User;
close: () => void;
}) => (

),
}}
/>

					{showSearch && (
						<ModalOverlay>
							<ModalContainer>
								<MessageSearch
									channelUrl={channelUrl ?? ""}
									onCloseClick={() => setShowSearch(false)}
								/>
							</ModalContainer>
						</ModalOverlay>
					)}

[Frequency]
// How frequently is this issue occurring?

[Current impact]
// How is this currently impacting your implementation?