diff --git a/src/lib/api/resources/users.ts b/src/lib/api/resources/users.ts
index f5e45284..29b69628 100644
--- a/src/lib/api/resources/users.ts
+++ b/src/lib/api/resources/users.ts
@@ -1,4 +1,5 @@
 import { userAdapter } from '../adapters/user.adapter'
+import { optionalProps } from '$lib/utils/typeShims'
 
 export interface UserUpdateParams {
 	picture?: string | undefined
@@ -27,12 +28,12 @@ export const users = {
 	 */
 	update: async (userId: string, params: UserUpdateParams): Promise<UserResponse> => {
 		// Transform flat params to nested UserInfo structure
-		const updates: Partial<{
-			gender: number | undefined
-			language: string | undefined
-			theme: string | undefined
-			avatar: { picture?: string | undefined; element?: string | undefined }
-		}> = {}
+		const updates: {
+			gender?: number | undefined
+			language?: string | undefined
+			theme?: string | undefined
+			avatar?: { picture?: string | undefined; element?: string | undefined } | undefined
+		} = {}
 
 		if (params.gender !== undefined) updates.gender = params.gender
 		if (params.language !== undefined) updates.language = params.language
diff --git a/src/lib/components/dnd/DropZone.svelte b/src/lib/components/dnd/DropZone.svelte
index 6056f225..1524cead 100644
--- a/src/lib/components/dnd/DropZone.svelte
+++ b/src/lib/components/dnd/DropZone.svelte
@@ -8,9 +8,9 @@
 		container: string
 		position: number
 		type: GridItemType
-		item?: GridItem
-		canDrop?: boolean
-		onDrop?: (item: GridItem) => void
+		item?: GridItem | undefined
+		canDrop?: boolean | undefined
+		onDrop?: ((item: GridItem) => void) | undefined
 		children?: any
 	}
 
diff --git a/src/lib/components/ui/segmented-control/SegmentedControl.svelte b/src/lib/components/ui/segmented-control/SegmentedControl.svelte
index 25a95182..f2d84c8d 100644
--- a/src/lib/components/ui/segmented-control/SegmentedControl.svelte
+++ b/src/lib/components/ui/segmented-control/SegmentedControl.svelte
@@ -7,6 +7,7 @@
 	import type { Snippet } from 'svelte'
 	import styles from './segmented-control.module.scss'
 	import type { HTMLAttributes } from 'svelte/elements'
+	import { optionalProps } from '$lib/utils/typeShims'
 
 	export type SegmentedControlVariant = 'default' | 'blended' | 'background'
 
@@ -84,7 +85,7 @@
 </script>
 
 <div class={wrapperClassList}>
-	<RadioGroupPrimitive.Root bind:value class={classList} {...restProps}>
+	<RadioGroupPrimitive.Root bind:value class={classList} {...optionalProps(restProps)}>
 		{@render children?.()}
 	</RadioGroupPrimitive.Root>
 </div>
\ No newline at end of file