sanity-plugin-mux-input 3.0.3 → 3.0.5

package/src/components/Uploader.tsx

@@ -1,5 +1,5 @@
 import {ErrorOutlineIcon} from '@sanity/icons'
-import {Button, CardTone, Flex, Text, useToast} from '@sanity/ui'
+import {Button, type CardTone, Flex, Text, useToast} from '@sanity/ui'
 import React, {useCallback, useEffect, useReducer, useRef, useState} from 'react'
 import {type Observable, Subject, Subscription} from 'rxjs'
 import {takeUntil, tap} from 'rxjs/operators'
@@ -89,12 +89,13 @@ export default function Uploader(props: Props) {
         observable: events$.asObservable(),
         handleClick: ((event) => events$.next(event)) as React.MouseEventHandler<HTMLButtonElement>,
       }
-    })()
+    })(),
   ).current
 
   const uploadRef = useRef<Subscription | null>(null)
   const uploadingDocumentId = useRef<string | null>(null)
   const [state, dispatch] = useReducer(
+    // oxlint-disable-next-line react/react-compiler
     (prev: State, action: UploaderStateAction) => {
       switch (action.action) {
         case 'stageUpload':
@@ -135,7 +136,7 @@ export default function Uploader(props: Props) {
           let error = action.error
           if (isServerError(action.error) && hasPlaybackPolicy(action.settings, 'drm')) {
             error = new Error(
-              'Unknown Error while uploading DRM protected content. Make sure your DRM configuration ID is valid and set correctly'
+              'Unknown Error while uploading DRM protected content. Make sure your DRM configuration ID is valid and set correctly',
             )
           }
 
@@ -149,7 +150,7 @@ export default function Uploader(props: Props) {
       stagedUpload: null,
       uploadStatus: null,
       error: null,
-    }
+    },
   )
 
   // Make sure we close out the upload observer on dismount
@@ -202,13 +203,12 @@ export default function Uploader(props: Props) {
    */
   const startUpload = (
     settings: MuxNewAssetSettings,
-    watermark?: import('../util/types').WatermarkConfig
+    watermark?: import('../util/types').WatermarkConfig,
   ) => {
     const {stagedUpload} = state
     if (!stagedUpload || uploadRef.current) return
     dispatch({action: 'commitUpload'})
     let uploadObservable: Observable<UploadFileEvent | UploadUrlEvent>
-    // eslint-disable-next-line default-case
     switch (stagedUpload.type) {
       case 'url':
         uploadObservable = uploadUrl({
@@ -221,7 +221,7 @@ export default function Uploader(props: Props) {
       case 'file':
         uploadObservable = uploadFile({
           client: props.client,
-          file: stagedUpload.files[0],
+          file: stagedUpload.files[0]!,
           settings,
           watermark,
         }).pipe(
@@ -229,12 +229,12 @@ export default function Uploader(props: Props) {
             cancelUploadButton.observable.pipe(
               tap(() => {
                 if (uploadingDocumentId.current) {
-                  props.client.delete(uploadingDocumentId.current)
+                  void props.client.delete(uploadingDocumentId.current)
                   uploadingDocumentId.current = null
                 }
-              })
-            )
-          )
+              }),
+            ),
+          ),
         )
         break
     }
@@ -260,7 +260,7 @@ export default function Uploader(props: Props) {
               PatchEvent.from([
                 setIfMissing({asset: {}}),
                 set({_type: 'reference', _weak: true, _ref: event.asset._id}, ['asset']),
-              ])
+              ]),
             )
             break
           case 'pause':
@@ -342,7 +342,7 @@ export default function Uploader(props: Props) {
       return
     }
     setDragState(null)
-    extractDroppedFiles(event.nativeEvent.dataTransfer!).then((files) => {
+    void extractDroppedFiles(event.nativeEvent.dataTransfer!).then((files) => {
       dispatch({
         action: 'stageUpload',
         input: {type: 'file', files},
@@ -367,7 +367,7 @@ export default function Uploader(props: Props) {
     const isValidType = mimeTypes?.some((acceptedType) => {
       // Convert mime type pattern to regex (e.g., 'video/*' -> /^video\/.*$/)
       const pattern = `^${acceptedType.replace('*', '.*')}$`
-      return new RegExp(pattern).test(type)
+      return new RegExp(pattern).test(type!)
     })
 
     setDragState(isValidType ? 'valid' : 'invalid')
@@ -410,6 +410,7 @@ export default function Uploader(props: Props) {
     const {uploadStatus} = state
     return (
       <UploadProgress
+        // oxlint-disable-next-line react/react-compiler
         onCancel={cancelUploadButton.handleClick}
         progress={uploadStatus.progress}
         filename={uploadStatus.file?.name || uploadStatus.url}

package/src/components/VideoDetails/DeleteDialog.tsx

@@ -33,6 +33,7 @@ export default function DeleteDialog({
   useEffect(() => {
     if (state !== 'checkingReferences' || referencesLoading) return
 
+    // oxlint-disable-next-line react/react-compiler
     setState(references?.length ? 'cantDelete' : 'confirm')
   }, [state, references, referencesLoading])
 
@@ -121,7 +122,7 @@ export default function DeleteDialog({
                     tone="critical"
                     onClick={confirmDelete}
                     disabled={['processing_deletion', 'checkingReferences', 'cantDelete'].some(
-                      (s) => s === state
+                      (s) => s === state,
                     )}
                   />
                 </Box>

package/src/components/VideoDetails/VideoDetails.tsx

@@ -28,7 +28,7 @@ import {
 import React, {useEffect, useState} from 'react'
 
 import {DIALOGS_Z_INDEX} from '../../util/constants'
-import {MuxPlaybackId, MuxTextTrack, PlaybackPolicy} from '../../util/types'
+import type {MuxPlaybackId, MuxTextTrack, PlaybackPolicy} from '../../util/types'
 import FormField from '../FormField'
 import IconInfo from '../IconInfo'
 import {ResolutionIcon} from '../icons/Resolution'
@@ -36,7 +36,7 @@ import {StopWatchIcon} from '../icons/StopWatch'
 import TextTracksManager from '../TextTracksManager'
 import VideoPlayer from '../VideoPlayer'
 import DeleteDialog from './DeleteDialog'
-import useVideoDetails, {VideoDetailsProps} from './useVideoDetails'
+import useVideoDetails, {type VideoDetailsProps} from './useVideoDetails'
 import VideoReferences from './VideoReferences'
 
 const AssetInput: React.FC<{
@@ -229,7 +229,7 @@ const VideoDetails: React.FC<VideoDetailsProps> = (props) => {
                 tracks={
                   displayInfo?.text_tracks ||
                   props.asset.data?.tracks?.filter(
-                    (track): track is MuxTextTrack => track.type === 'text'
+                    (track): track is MuxTextTrack => track.type === 'text',
                   ) ||
                   []
                 }

package/src/components/VideoDetails/useVideoDetails.ts

@@ -6,7 +6,7 @@ import {useClient} from '../../hooks/useClient'
 import useDocReferences from '../../hooks/useDocReferences'
 import {useResyncAsset} from '../../hooks/useResyncAsset'
 import getVideoMetadata from '../../util/getVideoMetadata'
-import {VideoAssetDocument} from '../../util/types'
+import {type VideoAssetDocument} from '../../util/types'
 
 type VideoDetailsState = 'idle' | 'saving' | 'deleting' | 'closing' | 'resyncing'
 
@@ -21,7 +21,7 @@ export default function useVideoDetails(props: VideoDetailsProps) {
   const client = useClient()
 
   const [references, referencesLoading] = useDocReferences(
-    useMemo(() => ({documentStore, id: props.asset._id}), [documentStore, props.asset._id])
+    useMemo(() => ({documentStore, id: props.asset._id}), [documentStore, props.asset._id]),
   )
 
   const [originalAsset, setOriginalAsset] = useState(() => props.asset)

package/src/components/VideoInBrowser.tsx

@@ -6,7 +6,7 @@ import {styled} from 'styled-components'
 import {DRMWarningDialog, useDrmPlaybackWarningContext} from '../context/DrmPlaybackWarningContext'
 import {THUMBNAIL_ASPECT_RATIO} from '../util/constants'
 import {getPlaybackPolicy} from '../util/getPlaybackPolicy'
-import {VideoAssetDocument} from '../util/types'
+import {type VideoAssetDocument} from '../util/types'
 import IconInfo from './IconInfo'
 import {AudioIcon} from './icons/Audio'
 import VideoMetadata from './VideoMetadata'

package/src/components/VideoMetadata.tsx

@@ -29,7 +29,7 @@ const VideoMetadata = (props: {asset: VideoAssetDocument}) => {
           <IconInfo text={displayInfo.duration} icon={ClockIcon} size={1} muted />
         )}
         <IconInfo
-          text={displayInfo.createdAt.toISOString().split('T')[0]}
+          text={displayInfo.createdAt.toISOString().split('T')[0]!}
           icon={CalendarIcon}
           size={1}
           muted

package/src/components/VideoPlayer.tsx

@@ -45,7 +45,8 @@ export default function VideoPlayer({
     try {
       return getPlaybackId(asset, ['public', 'signed', 'drm'])
     } catch (e) {
-      setError(new TypeError('Asset has no playback ID'))
+      // oxlint-disable-next-line react/react-compiler
+      setError(new TypeError('Asset has no playback ID', {cause: e}))
       return undefined
     }
   }, [asset])
@@ -63,7 +64,7 @@ export default function VideoPlayer({
       (e: Error) => {
         setError(e)
         return undefined
-      }
+      },
     )
   }, [muxPlaybackId, playbackId, client])
 
@@ -73,7 +74,7 @@ export default function VideoPlayer({
       (e: Error) => {
         setError(e)
         return undefined
-      }
+      },
     )
   }, [asset, client, thumbnailWidth])
 
@@ -94,7 +95,7 @@ export default function VideoPlayer({
       (e: Error) => {
         setError(e)
         return undefined
-      }
+      },
     )
   }, [client, muxPlaybackId?.policy, playbackId])
   const tokens:
@@ -136,7 +137,7 @@ export default function VideoPlayer({
 
   const [width, height] = (asset?.data?.aspect_ratio ?? '16:9').split(':').map(Number)
   const targetAspectRatio =
-    props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width / height)
+    props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width! / height!)
   let aspectRatio = Math.max(MIN_ASPECT_RATIO, targetAspectRatio)
   if (isAudio) {
     aspectRatio = props.forceAspectRatio
@@ -185,6 +186,7 @@ export default function VideoPlayer({
                 crossOrigin="anonymous"
                 metadata={{
                   player_name: 'Sanity Admin Dashboard',
+                  // @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
                   player_version: process.env.PKG_VERSION,
                   page_type: 'Preview Player',
                 }}
@@ -223,7 +225,11 @@ export default function VideoPlayer({
       </Card>
 
       {dialogState === 'edit-thumbnail' && (
-        <EditThumbnailDialog asset={asset} currentTime={muxPlayer?.current?.currentTime} />
+        <EditThumbnailDialog
+          asset={asset}
+          // oxlint-disable-next-line react/react-compiler
+          currentTime={muxPlayer?.current?.currentTime}
+        />
       )}
       {dialogState === 'edit-captions' && <CaptionsDialog asset={asset} />}
     </>

package/src/components/VideoThumbnail.tsx

@@ -1,5 +1,5 @@
 import {ErrorOutlineIcon} from '@sanity/icons'
-import {Box, Card, CardTone, Spinner, Stack, Text} from '@sanity/ui'
+import {Box, Card, type CardTone, Spinner, Stack, Text} from '@sanity/ui'
 import {Suspense, useMemo, useRef, useState} from 'react'
 import {styled} from 'styled-components'
 
@@ -9,7 +9,7 @@ import {THUMBNAIL_ASPECT_RATIO} from '../util/constants'
 import {getAnimatedPosterSrc} from '../util/getAnimatedPosterSrc'
 import {getPosterSrc} from '../util/getPosterSrc'
 import {tryWithSuspend} from '../util/tryWithSuspend'
-import {AssetThumbnailOptions, MuxAnimatedThumbnailUrl, MuxThumbnailUrl} from '../util/types'
+import type {AssetThumbnailOptions, MuxAnimatedThumbnailUrl, MuxThumbnailUrl} from '../util/types'
 
 const Image = styled.img`
   transition: opacity 0.175s ease-out 0s;
@@ -28,6 +28,7 @@ const STATUS_TO_TONE: Record<ImageStatus, CardTone> = {
   loaded: 'default',
 }
 
+// oxlint-disable-next-line react/react-compiler
 export default function VideoThumbnail({
   asset,
   width,
@@ -57,7 +58,7 @@ export default function VideoThumbnail({
       (err: Error) => {
         handleError(err.message)
         return undefined
-      }
+      },
     )
   }, [asset, client, posterWidth, staticImage])
 

package/src/components/VideosBrowser.tsx

@@ -28,7 +28,7 @@ export default function VideosBrowser({onSelect, config}: VideosBrowserProps) {
   const [editedAsset, setEditedAsset] = useState<VideoDetailsProps['asset'] | null>(null)
   const freshEditedAsset = useMemo(
     () => assets.find((a) => a._id === editedAsset?._id) || editedAsset,
-    [editedAsset, assets]
+    [editedAsset, assets],
   )
 
   const pageStart = page * pageLimit

package/src/components/documentPreview/DocumentPreview.tsx

@@ -19,10 +19,10 @@ interface DocumentPreviewProps {
  * Return `false` if we explicitly disable the icon.
  * Otherwise return the passed icon or the schema type icon as a backup.
  */
-export function getIconWithFallback(
+function getIconWithFallback(
   icon: React.ComponentType<any> | false | undefined,
   schemaType: SchemaType | undefined,
-  defaultIcon: React.ComponentType<any>
+  defaultIcon: React.ComponentType<any>,
 ): React.ComponentType<any> | false {
   if (icon === false) {
     return false
@@ -52,7 +52,7 @@ export function DocumentPreview(props: DocumentPreviewProps) {
     if (!doc) return null
 
     if (!schemaType || !hasSchemaType) {
-      return <MissingSchemaType value={doc as SanityDocument} />
+      return <MissingSchemaType value={doc} />
     }
 
     return (
@@ -70,6 +70,7 @@ export function DocumentPreview(props: DocumentPreviewProps) {
   return (
     <PreviewCard
       __unstable_focusRing
+      // oxlint-disable-next-line react/react-compiler
       as={DocumentPreviewLink(props) as FIXME}
       data-as="a"
       data-ui="PaneItem"

package/src/components/documentPreview/PaneItemPreview.tsx

@@ -5,7 +5,6 @@ import {isNumber, isString} from 'lodash'
 import {isValidElement, useMemo} from 'react'
 import {useObservable} from 'react-rx'
 import type {SanityDocument, SchemaType} from 'sanity'
-import type {PreviewValue} from 'sanity'
 import {
   type DocumentPresence,
   DocumentPreviewPresence,
@@ -20,12 +19,6 @@ import {
 import {DraftStatus} from './DraftStatus'
 import {PublishedStatus} from './PublishedStatus'
 
-export interface PaneItemPreviewState {
-  isLoading?: boolean
-  draft?: PreviewValue | Partial<SanityDocument> | null
-  published?: PreviewValue | Partial<SanityDocument> | null
-}
-
 export interface PaneItemPreviewProps {
   documentPreviewStore: DocumentPreviewStore
   icon: React.ComponentType | false
@@ -38,15 +31,15 @@ export interface PaneItemPreviewProps {
 export function PaneItemPreview(props: PaneItemPreviewProps) {
   const {icon, layout, presence, schemaType, value} = props
   const title =
-    (isRecord(value.title) && isValidElement(value.title)) ||
-    isString(value.title) ||
-    isNumber(value.title)
-      ? value.title
+    (isRecord(value['title']) && isValidElement(value['title'])) ||
+    isString(value['title']) ||
+    isNumber(value['title'])
+      ? value['title']
       : null
 
   const observable = useMemo(
     () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id),
-    [props.documentPreviewStore, schemaType, value._id]
+    [props.documentPreviewStore, schemaType, value._id],
   )
   const {snapshot, original, isLoading} = useObservable(observable, {
     isLoading: true,

package/src/components/uploadConfiguration/PlaybackPolicy.tsx

@@ -1,8 +1,8 @@
 import {Code, Grid, Text} from '@sanity/ui'
-import {ActionDispatch} from 'react'
+import {type ActionDispatch} from 'react'
 
-import {Secrets, UploadConfig} from '../../util/types'
-import {UploadConfigurationStateAction} from '../UploadConfiguration'
+import {type Secrets, type UploadConfig} from '../../util/types'
+import {type UploadConfigurationStateAction} from '../UploadConfiguration'
 import PlaybackPolicyOption from './PlaybackPolicyOption'
 import PlaybackPolicyWarning from './PlaybackPolicyWarning'
 

package/src/components/uploadConfiguration/PlaybackPolicyOption.tsx

@@ -1,7 +1,7 @@
 import {Checkbox, Flex, Grid, Text} from '@sanity/ui'
-import {ActionDispatch, CSSProperties, ReactNode, useState} from 'react'
+import {type ActionDispatch, type CSSProperties, type ReactNode, useState} from 'react'
 
-import {UploadConfigurationStateAction} from '../UploadConfiguration'
+import {type UploadConfigurationStateAction} from '../UploadConfiguration'
 
 export default function PlaybackPolicyOption({
   id,

package/src/components/uploadConfiguration/PlaybackPolicyWarning.tsx

@@ -1,6 +1,6 @@
 import {WarningFilledIcon} from '@sanity/icons'
 import {Box, Flex, Text} from '@sanity/ui'
-import {CSSProperties} from 'react'
+import {type CSSProperties} from 'react'
 
 export default function PlaybackPolicyWarning() {
   const textStyle: CSSProperties = {

package/src/components/uploadConfiguration/ResolutionTierSelector.tsx

@@ -1,9 +1,9 @@
 import {Flex, Radio, Text} from '@sanity/ui'
-import {ActionDispatch} from 'react'
+import {type ActionDispatch} from 'react'
 import {FormField} from 'sanity'
 
 import {type UploadConfig} from '../../util/types'
-import {UploadConfigurationStateAction} from '../UploadConfiguration'
+import {type UploadConfigurationStateAction} from '../UploadConfiguration'
 
 export const RESOLUTION_TIERS = [
   {value: '1080p', label: '1080p'},

package/src/components/uploadConfiguration/StaticRenditionSelector.tsx

@@ -1,9 +1,9 @@
 import {Checkbox, Flex, Label, Radio, Stack, Text} from '@sanity/ui'
-import {ActionDispatch, useMemo, useState} from 'react'
+import {type ActionDispatch, useMemo, useState} from 'react'
 import {FormField} from 'sanity'
 
 import {type StaticRenditionResolution, type UploadConfig} from '../../util/types'
-import {UploadConfigurationStateAction} from '../UploadConfiguration'
+import {type UploadConfigurationStateAction} from '../UploadConfiguration'
 
 const ADVANCED_RESOLUTIONS: {value: StaticRenditionResolution; label: string}[] = [
   {value: '270p', label: '270p'},
@@ -28,13 +28,13 @@ export const StaticRenditionSelector = ({
   // Determine if user is in advanced mode based on selected renditions
   const isAdvancedMode = useMemo(() => {
     const specificResolutions = config.static_renditions.filter(
-      (r) => r !== 'highest' && r !== 'audio-only'
+      (r) => r !== 'highest' && r !== 'audio-only',
     )
     return specificResolutions.length > 0
   }, [config.static_renditions])
 
   const [renditionMode, setRenditionMode] = useState<'standard' | 'advanced'>(
-    isAdvancedMode ? 'advanced' : 'standard'
+    isAdvancedMode ? 'advanced' : 'standard',
   )
 
   // Helper to toggle a rendition

package/src/components/withFocusRing/withFocusRing.ts

@@ -14,7 +14,7 @@ export function withFocusRing<Props>(component: ComponentType<Props>) {
     return css`
       --card-focus-box-shadow: ${focusRingBorderStyle(border)};
 
-      border-radius: ${rem(props.theme.sanity.radius[1])};
+      border-radius: ${rem(props.theme.sanity.radius[1]!)};
       outline: none;
       box-shadow: var(--card-focus-box-shadow);
 

package/src/context/DialogStateContext.tsx

@@ -1,4 +1,4 @@
-import React, {createContext, useContext} from 'react'
+import React, {createContext, useContext, useMemo} from 'react'
 
 import {type DialogState, type SetDialogState} from '../hooks/useDialogState'
 
@@ -23,11 +23,8 @@ export const DialogStateProvider = ({
   setDialogState,
   children,
 }: DialogStateProviderProps) => {
-  return (
-    <DialogStateContext.Provider value={{dialogState, setDialogState}}>
-      {children}
-    </DialogStateContext.Provider>
-  )
+  const value = useMemo(() => ({dialogState, setDialogState}), [dialogState, setDialogState])
+  return <DialogStateContext.Provider value={value}>{children}</DialogStateContext.Provider>
 }
 
 export const useDialogStateContext = () => {

package/src/context/DrmPlaybackWarningContext.tsx

@@ -1,7 +1,7 @@
 import {Button, Card, Dialog, Stack, Text} from '@sanity/ui'
-import React, {createContext, useContext, useState} from 'react'
+import React, {createContext, useCallback, useContext, useMemo, useState} from 'react'
 
-import {PluginConfig} from '../util/types'
+import {type PluginConfig} from '../util/types'
 
 const LOCAL_STORAGE_HAS_SHOWN_WARNING_KEY = 'mux-plugin-has-shown-drm-playback-warning'
 
@@ -31,17 +31,21 @@ export const DrmPlaybackWarningContextProvider = ({
     warningDisabled || window.localStorage.getItem(LOCAL_STORAGE_HAS_SHOWN_WARNING_KEY) === 'true'
   const [hasWarnedAboutDrmPlayback, setHasWarnedAboutDrmPlayback] = useState(hasWarned)
 
-  const setHasShownWarning = (b: boolean) => {
+  const setHasShownWarning = useCallback((b: boolean) => {
     window.localStorage.setItem(LOCAL_STORAGE_HAS_SHOWN_WARNING_KEY, b.toString())
     setHasWarnedAboutDrmPlayback(b)
-  }
+  }, [])
+
+  const value = useMemo(
+    () => ({
+      hasShownWarning: hasWarnedAboutDrmPlayback,
+      setHasWarnedAboutDrmPlayback: setHasShownWarning,
+    }),
+    [hasWarnedAboutDrmPlayback, setHasShownWarning],
+  )
+
   return (
-    <DrmPlaybackWarningContext.Provider
-      value={{
-        hasShownWarning: hasWarnedAboutDrmPlayback,
-        setHasWarnedAboutDrmPlayback: setHasShownWarning,
-      }}
-    >
+    <DrmPlaybackWarningContext.Provider value={value}>
       {children}
     </DrmPlaybackWarningContext.Provider>
   )

package/src/hooks/useAccessControl.ts

@@ -1,6 +1,6 @@
 import {useCurrentUser} from 'sanity'
 
-import {PluginConfig} from '../util/types'
+import {type PluginConfig} from '../util/types'
 
 export const useAccessControl = (config: PluginConfig) => {
   const user = useCurrentUser()

package/src/hooks/useAssetDocumentValues.ts

@@ -6,6 +6,6 @@ import type {Reference, VideoAssetDocument} from '../util/types'
 const path = ['assetId', 'data', 'playbackId', 'status', 'thumbTime', 'filename']
 export const useAssetDocumentValues = (asset: Reference | null | undefined) =>
   useDocumentValues<VideoAssetDocument | null | undefined>(
-    isReference(asset) ? asset._ref! : '',
-    path
+    isReference(asset) ? asset._ref : '',
+    path,
   )

package/src/hooks/useAssets.ts

@@ -1,5 +1,10 @@
 import {useMemo, useState} from 'react'
-import {collate, createHookFromObservableFactory, DocumentStore, useDocumentStore} from 'sanity'
+import {
+  collate,
+  createHookFromObservableFactory,
+  type DocumentStore,
+  useDocumentStore,
+} from 'sanity'
 
 import {SANITY_API_VERSION} from '../hooks/useClient'
 import {createSearchFilter} from '../util/createSearchFilter'
@@ -31,7 +36,7 @@ const useAssetDocuments = createHookFromObservableFactory<
     search.params,
     {
       apiVersion: SANITY_API_VERSION,
-    }
+    },
   )
 })
 
@@ -41,7 +46,7 @@ export default function useAssets() {
   const [searchQuery, setSearchQuery] = useState('')
 
   const [assetDocuments = [], isLoading] = useAssetDocuments(
-    useMemo(() => ({documentStore, sort, searchQuery}), [documentStore, sort, searchQuery])
+    useMemo(() => ({documentStore, sort, searchQuery}), [documentStore, sort, searchQuery]),
   )
 
   const assets = useMemo(
@@ -50,11 +55,11 @@ export default function useAssets() {
       collate<VideoAssetDocument>(assetDocuments).map(
         (collated) =>
           ({
-            ...(collated.draft || collated.published || {}),
+            ...(collated.draft || collated.published),
             _id: collated.id,
-          }) as VideoAssetDocument
+          }) as VideoAssetDocument,
       ),
-    [assetDocuments]
+    [assetDocuments],
   )
 
   return {

package/src/hooks/useCancelUpload.ts

@@ -13,10 +13,10 @@ export const useCancelUpload = (asset: VideoAssetDocument, onChange: MuxInputPro
     }
     onChange(PatchEvent.from(unset()))
     if (asset.assetId) {
-      deleteAssetOnMux(client, asset.assetId)
+      void deleteAssetOnMux(client, asset.assetId)
     }
     if (asset._id) {
-      client.delete(asset._id)
+      void client.delete(asset._id)
     }
   }, [asset, client, onChange])
 }

package/src/hooks/useDocReferences.ts

@@ -1,4 +1,4 @@
-import {createHookFromObservableFactory, DocumentStore, SanityDocument} from 'sanity'
+import {createHookFromObservableFactory, type DocumentStore, type SanityDocument} from 'sanity'
 
 import {SANITY_API_VERSION} from './useClient'
 
@@ -14,7 +14,7 @@ const useDocReferences = createHookFromObservableFactory<
     {id},
     {
       apiVersion: SANITY_API_VERSION,
-    }
+    },
   )
 })
 

package/src/hooks/useFetchFileSize.ts

@@ -1,6 +1,6 @@
 import {useEffect, useState} from 'react'
 
-import {StagedUpload} from '../components/Uploader'
+import {type StagedUpload} from '../components/Uploader'
 
 export function useFetchFileSize(stagedUpload: StagedUpload, maxFileSize?: number) {
   const [fileSize, setFileSize] = useState<number | null>(null)
@@ -10,6 +10,7 @@ export function useFetchFileSize(stagedUpload: StagedUpload, maxFileSize?: numbe
   useEffect(() => {
     // Fetch URL Upload file size
     if (stagedUpload.type === 'url') {
+      // oxlint-disable-next-line react/react-compiler
       setIsLoadingFileSize(false)
       setCanSkipFileSizeValidation(false)
       setFileSize(null)
@@ -39,10 +40,10 @@ export function useFetchFileSize(stagedUpload: StagedUpload, maxFileSize?: numbe
         }
       }
 
-      fetchFileSize()
+      void fetchFileSize()
     }
     if (stagedUpload.type === 'file') {
-      setFileSize(stagedUpload.files[0].size)
+      setFileSize(stagedUpload.files[0]!.size)
     }
   }, [maxFileSize, stagedUpload, stagedUpload.type])