Types!.

src/lib/lenis.js

@@ -1,22 +0,0 @@
-import Lenis from 'lenis';
-
-let lenisInstance = null;
-
-export const lenisScrollInstance = () => {
-	if (!lenisInstance) {
-		const lenis = new Lenis({
-			anchors: true
-		});
-
-		function raf(time) {
-			lenis.raf(time);
-			requestAnimationFrame(raf);
-		}
-
-		requestAnimationFrame(raf);
-
-		lenisInstance = lenis;
-	}
-
-	return lenisInstance;
-};

src/lib/lenis.ts

@@ -0,0 +1,22 @@
+import Lenis from 'lenis';
+
+let lenisInstance: Lenis;
+
+export const initializeLenis = () => {
+  if (!lenisInstance) {
+    const lenis = new Lenis({
+      anchors: true
+    });
+
+    function raf(time: number) {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    }
+
+    requestAnimationFrame(raf);
+
+    lenisInstance = lenis;
+  }
+
+  return lenisInstance;
+};

src/routes/+layout.svelte

@@ -5,11 +5,11 @@
 	import favicon from '$lib/assets/favicon.svg';
 	import { onMount } from 'svelte';
 	import 'lenis/dist/lenis.css';
-	import { lenisScrollInstance } from '$lib/lenis';
+	import { initializeLenis } from '$lib/lenis';
 
 	let { children } = $props();
 	onMount(() => {
-		lenisScrollInstance();
+		initializeLenis();
 	});
 </script>