Clock on the razor page in Blazor 8

Clock razor page

<h1>Current</h1><div id="clock"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"><script>        function updateClock() {            var now = moment().format('YYYY-MM-DD HH:mm:ss');            document.getElementById('clock').innerText = now;        }        updateClock();        setInterval(updateClock, 1000);</script>

procram.cs : grobal rendering mode setting for SSR

app.MapRazorComponents<App>()    .AddInteractiveServerRenderMode();

And installed, moment.js library from Nuget.

But the clock only works after refeshing manually.

I tried

    [Inject]    private IJSRuntime JSRuntime { get; set; }    protected override async Task OnInitializedAsync()    {        await JSRuntime.InvokeVoidAsync("setInterval");    }

or

app.MapRazorComponents<App>()    .AddAdditionalAssemblies();

But nothing changed.

How can I make it work automatically?