Razor page SiteContent data binding does not work

I have a razor page with .Net 8 core and i have set the rendermode to InteractiveServer,

@rendermode InteractiveServer

I am using the SectionContent with a variable to bind the value to the front end,

Initially the variable is set as empty string,

public string? result { get; set; } = "";

and it gets updated on click of a button as below,

result = $"Search Results for\"{Query}\"";

however, the value is not getting bound in the view.

<SectionContent SectionName="page-header-subtitle">   @result</SectionContent>

Can someone help?