why is afterNavigate called on mount?

[mayank99]

hi! i'm trying to perform an action whenever a navigation happens.

afterNavigate seems like the perfect api for this, except it also invokes the callback when the page first loads, which is not at all what i want.

from the docs of afterNavigate:

A lifecycle function that runs the supplied callback when the current component mounts, and also whenever we navigate to a new URL.

this feels strange, as a navigation is when you go from one page to another, rather than when the page is mounted (that's what onMount is for).

if this behavior is intentional, then is there a workaround to skip the callback on first load?

[aloker]

You can use thetype property of the object passed to the callback to determine why the callback was invoked. When the value is "enter" you know it's the initial page hydration and you can skip your custom post-navigation logic.

See https://kit.svelte.dev/docs/types#public-types-afternavigate

[mayank99]

oh wow, i would have never thought to look in the types reference.

this is exactly what i needed, thanks!