avoid loading on every render

Author: JoviDeCroock

router.js

@@ -94,6 +94,7 @@ export function Router(props) {
 	const { url, query, wasPush, path } = useLocation();
 	const { rest = path, params = {} } = useContext(RouteContext);
 
+	const isLoading = useRef(false);
 	// Monotonic counter used to check if an un-suspending route is still the current route:
 	const count = useRef(0);
 	// The current route:
@@ -140,6 +141,7 @@ export function Router(props) {
 
 		// Fire an event saying we're waiting for the route:
 		if (props.onLoadStart) props.onLoadStart(url);
+		isLoading.current = true;
 
 		// Re-render on unsuspend:
 		let c = count.current;
@@ -176,7 +178,8 @@ export function Router(props) {
 
 		// The route is loaded and rendered.
 		if (wasPush) scrollTo(0, 0);
-		if (props.onLoadEnd) props.onLoadEnd(url);
+		if (props.onLoadEnd && isLoading.current) props.onLoadEnd(url);
+		isLoading.current = false;
 	});
 
 	// Note: curChildren MUST render first in order to set didSuspend & prev.