diff --git a/web/src/components/misc/DropReceiver.svelte b/web/src/components/misc/DropReceiver.svelte
index a653067d..45f6bf79 100644
--- a/web/src/components/misc/DropReceiver.svelte
+++ b/web/src/components/misc/DropReceiver.svelte
@@ -3,7 +3,7 @@
     export let classes = "";
 
     export let draggedOver = false;
-    export let file: File | undefined;
+    export let file: File | Blob | undefined;
 
     const dropHandler = async (ev: DragEvent) => {
         draggedOver = false;
diff --git a/web/src/components/misc/FileReceiver.svelte b/web/src/components/misc/FileReceiver.svelte
index aa714a3e..23547111 100644
--- a/web/src/components/misc/FileReceiver.svelte
+++ b/web/src/components/misc/FileReceiver.svelte
@@ -5,7 +5,7 @@
     import IconFileImport from "@tabler/icons-svelte/IconFileImport.svelte";
     import IconUpload from "@tabler/icons-svelte/IconUpload.svelte";
 
-    export let file: File | undefined;
+    export let file: File | Blob | undefined;
     export let draggedOver = false;
     export let acceptTypes: string[];
     export let acceptExtensions: string[];
diff --git a/web/src/components/misc/Turnstile.svelte b/web/src/components/misc/Turnstile.svelte
index 109403d0..c4603f81 100644
--- a/web/src/components/misc/Turnstile.svelte
+++ b/web/src/components/misc/Turnstile.svelte
@@ -8,11 +8,12 @@
     let turnstileScript: HTMLElement;
 
     onMount(() => {
-        if (!env.TURNSTILE_KEY) return;
+        const sitekey = env.TURNSTILE_KEY;
+        if (!sitekey) return;
 
         turnstileScript.addEventListener("load", () => {
             window.turnstile?.render(turnstileElement, {
-                sitekey: env.TURNSTILE_KEY,
+                sitekey,
                 "error-callback": (error) => {
                     console.log("turnstile error code:", error);
                     return true;