From ff2120bab97202973f0a8867e44e74d20a630a47 Mon Sep 17 00:00:00 2001
From: juliusmarminge <jmarminge@gmail.com>
Date: Mon, 17 Feb 2025 21:20:51 +0100
Subject: [PATCH] small fixes

---
 .changeset/fair-tomatoes-jog.md                         | 4 ++--
 docs/src/app/(docs)/api-reference/react/page.mdx        | 6 +++---
 packages/svelte/src/lib/component/UploadDropzone.svelte | 1 +
 packages/svelte/src/lib/create-uploadthing.ts           | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/.changeset/fair-tomatoes-jog.md b/.changeset/fair-tomatoes-jog.md
index 964c2b67c9..a285452f68 100644
--- a/.changeset/fair-tomatoes-jog.md
+++ b/.changeset/fair-tomatoes-jog.md
@@ -7,10 +7,10 @@
 "@uploadthing/shared": patch
 ---
 
-feat: add `progressGranularity` option to control how granular progress events
+feat: add `uploadProgressGranularity` option to control how granular progress events
 are fired at
 
-You can now set `progressGranularity` to `all`, `fine`, or `coarse` to control
+You can now set `uploadProgressGranularity` to `all`, `fine`, or `coarse` to control
 how granular progress events are fired at.
 
 - `all` will forward every event from the XHR upload
diff --git a/docs/src/app/(docs)/api-reference/react/page.mdx b/docs/src/app/(docs)/api-reference/react/page.mdx
index 432121892f..253a938fea 100644
--- a/docs/src/app/(docs)/api-reference/react/page.mdx
+++ b/docs/src/app/(docs)/api-reference/react/page.mdx
@@ -266,7 +266,7 @@ export const OurUploadButton = () => (
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">
@@ -425,7 +425,7 @@ export const OurUploadDropzone = () => (
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">
@@ -558,7 +558,7 @@ using a string literal parameter.
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">
diff --git a/packages/svelte/src/lib/component/UploadDropzone.svelte b/packages/svelte/src/lib/component/UploadDropzone.svelte
index ef28149339..64cfb11574 100644
--- a/packages/svelte/src/lib/component/UploadDropzone.svelte
+++ b/packages/svelte/src/lib/component/UploadDropzone.svelte
@@ -92,6 +92,7 @@
         void uploader.onClientUploadComplete?.(res);
         uploadProgress = 0;
       },
+      uploadProgressGranularity: uploader.uploadProgressGranularity,
       onUploadProgress: (p) => {
         uploadProgress = p;
         uploader.onUploadProgress?.(p);
diff --git a/packages/svelte/src/lib/create-uploadthing.ts b/packages/svelte/src/lib/create-uploadthing.ts
index 2253600050..0f010dd1b4 100644
--- a/packages/svelte/src/lib/create-uploadthing.ts
+++ b/packages/svelte/src/lib/create-uploadthing.ts
@@ -157,7 +157,7 @@ export const generateSvelteHelpers = <TRouter extends FileRouter>(
 
   const createUploadThing = <TEndpoint extends keyof TRouter>(
     endpoint: EndpointArg<TRouter, TEndpoint>,
-    props: UploadthingComponentProps<TRouter, TEndpoint>,
+    props: UseUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     return __createUploadThingInternal(url, endpoint, fetch, props);
   };