diff --git a/src/lib/components/ExternalLink.svelte b/src/lib/components/ExternalLink.svelte
index 8e47dd6..25930b4 100644
--- a/src/lib/components/ExternalLink.svelte
+++ b/src/lib/components/ExternalLink.svelte
@@ -35,7 +35,7 @@
 			{textData?.text}
 		{/if}
 		{#if textData?.showIcon}
-			{@render linkIcon?.(iconData ?? {})}
+			{@render linkIcon(iconData ?? {})}
 		{/if}
 		{#if textData?.location === "bottom" || (textData?.location === "right" && textData?.text)}
 			{textData?.text}
@@ -44,7 +44,7 @@
 {/snippet}
 
 {#snippet linkIcon({ type, icon, iconClass }: LinkIconType)}
-	{#if type === "svg" && icon}
+	{#if type === "svg" && icon && typeof icon === 'function' && icon.length !== undefined}
 		<svg
 			style="width: 2.5rem; height: 2.5rem;"
 			class={iconClass ?? ""}
@@ -52,7 +52,7 @@
 			viewBox="0 0 24 24"
 			xmlns="http://www.w3.org/2000/svg"
 		>
-			{@render icon?.()}
+			{@render (icon as any)()}
 		</svg>
 	{:else if type === "icon" && icon}
 		{@const Icon = icon}
diff --git a/src/lib/components/Portfolio.svelte b/src/lib/components/Portfolio.svelte
index 0c7e64a..86665e2 100644
--- a/src/lib/components/Portfolio.svelte
+++ b/src/lib/components/Portfolio.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { Snippet } from 'svelte';
 import type { Picture } from 'vite-imagetools';
-import { ExternalLinkType } from '../types/externalLinkType';
+import type { ExternalLinkType } from '../types/externalLinkType';
 
 const {
   links,
@@ -15,8 +15,8 @@ const {
   fetchpriority = 'auto',
   loading = 'lazy',
 }: {
-  links: Snippet<ExternalLinkType[]>;
-  details: Snippet<string>;
+  links: Snippet<[ExternalLinkType[]]>;
+  details: Snippet<[]>;
   portfolioDetails: string;
   externalLinks: ExternalLinkType[];
   name: string;
diff --git a/src/lib/util/logoIcons.svelte b/src/lib/util/logoIcons.svelte
index 17c01be..dde976e 100644
--- a/src/lib/util/logoIcons.svelte
+++ b/src/lib/util/logoIcons.svelte
@@ -1,4 +1,4 @@
-<script module>
+<script module lang="ts">
 	export { blueSkyIcon, dockerIcon, drizzleIcon, honoIcon, gitHubIcon, linkedInIcon, lucideIcon, nextDotJsIcon, reactIcon, svelteIcon, typescriptIcon, xIcon };
 </script>
 
@@ -46,7 +46,7 @@
 	<path fill="currentColor" d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"/>
 {/snippet}
 
-{#snippet lucideIcon(icon)}
+{#snippet lucideIcon(icon: any)}
 	{@const Icon = icon}
 	<Icon />
 {/snippet}
diff --git a/src/routes/about/TechListItem.svelte b/src/routes/about/TechListItem.svelte
index 58e421b..7508982 100644
--- a/src/routes/about/TechListItem.svelte
+++ b/src/routes/about/TechListItem.svelte
@@ -17,11 +17,9 @@
 </script>
 
 <ExternalLink
-	ariaLabel={ariaLabel}
-	href={href}
-	linkClass={clazz}
-	icon={lucideIcon}
+	linkData={{ href, ariaLabel, clazz }}
 	textData={textData}
+	iconData={{ type: 'icon', icon }}
 />
 
 <style lang="postcss">
diff --git a/src/routes/og/+server.ts b/src/routes/og/+server.ts
index ec3d5a3..189e437 100644
--- a/src/routes/og/+server.ts
+++ b/src/routes/og/+server.ts
@@ -13,9 +13,8 @@ export async function GET({ url }) {
     const page = url.searchParams.get('page') ?? undefined;
     const content = url.searchParams.get('content') ?? '';
 
-    // @ts-expect-error: Argument of type 'typeof SocialImageCard__SvelteComponent_' is not assignable to parameter of type 'SvelteComponent<any, any, any>'
     return componentToPng(
-      SocialImageCard,
+      SocialImageCard as any,
       {
         header,
         page,
diff --git a/src/routes/portfolio/+page.svelte b/src/routes/portfolio/+page.svelte
index e49df14..b6ddfb0 100644
--- a/src/routes/portfolio/+page.svelte
+++ b/src/routes/portfolio/+page.svelte
@@ -1,13 +1,9 @@
 <script lang="ts">
 	import ExternalLink from "$lib/components/ExternalLink.svelte";
 	import Portfolio from "./Portfolio.svelte";
-	// @ts-expect-error: Cannot find module '$lib/content/uses/development.md' or its corresponding type declarations.ts(2307)
 	// import OldWebsite from "$lib/content/portfolio/personal/old-website.md";
-	// @ts-expect-error: Cannot find module '$lib/content/uses/development.md' or its corresponding type declarations.ts(2307)
 	// import PersonalWebsiteSvelteKit from "$lib/content/portfolio/personal/personal-website-sveltekit.md";
-	// @ts-expect-error: Cannot find module '$lib/content/uses/development.md' or its corresponding type declarations.ts(2307)
 	// import WeddingWebsite from "$lib/content/portfolio/personal/wedding-website.md";
-	// @ts-expect-error: Cannot find module '$lib/content/uses/development.md' or its corresponding type declarations.ts(2307)
 	// import MarkShellnutArchitect from "$lib/content/portfolio/professional/mark-shellnut-architect.md";
 	import type { ExternalLinkType } from "$lib/types/externalLinkType";
 	import { Tabs } from "bits-ui";
diff --git a/src/routes/portfolio/Portfolio.svelte b/src/routes/portfolio/Portfolio.svelte
index e7491df..3958cd4 100644
--- a/src/routes/portfolio/Portfolio.svelte
+++ b/src/routes/portfolio/Portfolio.svelte
@@ -14,7 +14,7 @@
 		loading = "lazy",
 		children,
 	}: {
-		links: Snippet<ExternalLinkType[]>;
+		links: Snippet<[ExternalLinkType[]]>;
 		externalLinks: ExternalLinkType[];
 		name: string;
 		src: string | Picture;
diff --git a/src/routes/uses/+page.svelte b/src/routes/uses/+page.svelte
index 622dd48..ada1f66 100644
--- a/src/routes/uses/+page.svelte
+++ b/src/routes/uses/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-import desktop from '$lib/assets/images/Desktop_so_clean.jpg?enhanced';
-import ExternalLink from '$lib/components/ExternalLink.svelte';
-import Development from './development.svelte';
-import HardwareAccessories from './hardware-accessories.svelte';
-import PrivacyHardwareSoftware from './privacy-hardware-software.svelte';
+	import desktop from '$lib/assets/images/Desktop_so_clean.jpg?enhanced';
+	import ExternalLink from '$lib/components/ExternalLink.svelte';
+	import Development from './development.svelte';
+	import HardwareAccessories from './hardware-accessories.svelte';
+	import PrivacyHardwareSoftware from './privacy-hardware-software.svelte';
 </script>
 
 <div class="uses">