From d68542cb0ccd8a6f4e682ea1fd85318feaed8e1b Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Fri, 20 Sep 2024 14:41:01 -0400
Subject: [PATCH] refactor(renterd): typescript strict mode

---
 .../components/Alerts/AlertsFilterMenu.tsx    |   7 +-
 apps/renterd/components/Alerts/index.tsx      |   2 -
 apps/renterd/components/CmdRoot/Item.tsx      |   8 +-
 .../Contracts/ContractContextMenu.tsx         |  48 +++-
 .../ContractFilterCmdGroups/Address.tsx       |   2 +-
 .../ContractFilterCmdGroups/ContractSet.tsx   |   2 +-
 .../ContractFilterCmdGroups/PublicKey.tsx     |   2 +-
 .../ContractFilterCmdGroups/index.tsx         |   4 +-
 .../ContractsFilterContractSetDialog.tsx      |   5 +-
 .../Contracts/ContractsFilterMenu/index.tsx   |   6 +-
 .../FilesHealthColumnContents.tsx             |   4 +-
 .../Files/FilesCmd/FilesSearchCmd/index.tsx   |  12 +-
 .../components/Files/FilesCmd/index.tsx       |   6 +-
 .../Files/FilesSearchBucketMenu/index.tsx     |   8 +-
 .../components/Hosts/HostContextMenu.tsx      |  19 +-
 .../components/Hosts/HostMap/Globe.tsx        |  13 +-
 .../components/Hosts/HostMap/GlobeDyn.tsx     |   1 +
 .../components/Hosts/HostMap/HostItem.tsx     |  20 +-
 .../renterd/components/Hosts/HostMap/utils.ts |  14 +-
 .../HostsFilterCmdGroups/Address.tsx          |   2 +-
 .../HostsFilterCmdGroups/PublicKey.tsx        |   2 +-
 .../Hosts/HostsFilterMenu/index.tsx           |   6 +-
 .../components/Keys/KeysCreateDialog.tsx      |  10 +-
 apps/renterd/components/Keys/index.tsx        |   2 -
 apps/renterd/components/Profile/index.tsx     |   4 +-
 apps/renterd/components/TransferProgress.tsx  |   4 +-
 apps/renterd/components/TransfersBar.tsx      |   2 +-
 .../Uploads/UploadsBreadcrumbMenu.tsx         |   7 +-
 apps/renterd/contexts/alerts/columns.tsx      |  18 +-
 apps/renterd/contexts/alerts/data.tsx         | 212 ++++++++++--------
 apps/renterd/contexts/alerts/index.tsx        |   7 +-
 apps/renterd/contexts/app/useBusSdk.tsx       |   2 +-
 apps/renterd/contexts/contracts/columns.tsx   | 107 +++++----
 apps/renterd/contexts/contracts/dataset.tsx   |  12 +-
 apps/renterd/contexts/contracts/index.tsx     |   4 +-
 .../contracts/useContractSetMetrics.tsx       |   3 +-
 .../contexts/contracts/useFilteredStats.tsx   |   6 +-
 .../contracts/usePrunableContractSizes.tsx    |  13 +-
 apps/renterd/contexts/dialog.tsx              |   2 +-
 .../contexts/filesDirectory/columns.tsx       |   6 +-
 .../contexts/filesDirectory/dataset.tsx       |   2 +-
 .../renterd/contexts/filesDirectory/index.tsx |   2 +-
 apps/renterd/contexts/filesDirectory/move.tsx |  12 +-
 apps/renterd/contexts/filesFlat/columns.tsx   |   6 +-
 apps/renterd/contexts/filesFlat/dataset.tsx   |   1 +
 apps/renterd/contexts/filesFlat/index.tsx     |   3 +-
 .../renterd/contexts/filesManager/dataset.tsx |   6 +-
 .../contexts/filesManager/downloads.tsx       |   4 +
 .../contexts/filesManager/index.spec.tsx      |  40 ++--
 apps/renterd/contexts/filesManager/index.tsx  |   8 +-
 apps/renterd/contexts/filesManager/types.ts   |  14 +-
 .../renterd/contexts/filesManager/uploads.tsx |  29 ++-
 apps/renterd/contexts/hosts/columns.tsx       |  35 +--
 apps/renterd/contexts/hosts/dataset.ts        |  53 +++--
 apps/renterd/contexts/hosts/index.tsx         |  19 +-
 apps/renterd/contexts/hosts/types.tsx         |   8 +-
 apps/renterd/contexts/keys/columns.tsx        |  12 +-
 apps/renterd/contexts/keys/index.tsx          |  11 +-
 apps/renterd/contexts/transactions/index.tsx  |   6 +-
 apps/renterd/contexts/uploads/columns.tsx     |   6 +-
 apps/renterd/contexts/uploads/index.tsx       |  94 ++++----
 apps/renterd/dialogs/FileRenameDialog.tsx     |   3 +
 .../dialogs/FilesBucketDeleteDialog.tsx       |   2 +-
 .../dialogs/FilesBucketPolicyDialog.tsx       |  10 +-
 .../dialogs/FilesCreateDirectoryDialog.tsx    |   1 +
 .../dialogs/RenterdSendSiacoinDialog.tsx      |   2 +-
 .../RenterdTransactionDetailsDialog.tsx       |   2 +-
 apps/renterd/hooks/useHealthLabel.tsx         |   4 +-
 apps/renterd/hooks/useSyncStatus.ts           |  11 +-
 apps/renterd/lib/health.ts                    |   4 +-
 apps/renterd/lib/multipartUpload.spec.ts      |  60 +++--
 apps/renterd/lib/multipartUpload.ts           |  47 ++--
 apps/renterd/lib/rename.ts                    |   4 +-
 apps/renterd/tsconfig.json                    |   2 +-
 .../src/app/TransactionDetailsDialog.tsx      |   4 +-
 .../app/WalletSingleAddressDetailsDialog.tsx  |   4 +-
 .../src/components/Table/TableRow.tsx         |   4 +-
 .../src/components/Table/index.tsx            |   6 +-
 libs/design-system/src/form/FieldFiat.tsx     |   8 +-
 libs/design-system/src/form/FieldNumber.tsx   |   8 +-
 libs/design-system/src/form/FieldSelect.tsx   |   8 +-
 libs/design-system/src/form/FieldSiacoin.tsx  |   8 +-
 libs/design-system/src/form/FieldSwitch.tsx   |   8 +-
 libs/design-system/src/form/FieldText.tsx     |   8 +-
 libs/design-system/src/form/FieldTextArea.tsx |   8 +-
 .../src/form/configurationFields.ts           |  36 ++-
 .../src/hooks/useClientFilteredDataset.ts     |   6 +-
 .../src/hooks/useSiacoinFiat.tsx              |  16 +-
 libs/design-system/src/index.ts               |   1 +
 libs/design-system/src/lib/object.ts          |   4 +-
 libs/design-system/src/lib/types.ts           |   5 +
 libs/units/src/events.ts                      |   2 +-
 libs/units/src/storage.ts                     |  22 +-
 libs/units/src/transactionTypes.ts            |  10 +-
 94 files changed, 791 insertions(+), 522 deletions(-)
 create mode 100644 libs/design-system/src/lib/types.ts

diff --git a/apps/renterd/components/Alerts/AlertsFilterMenu.tsx b/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
index 7ab34f9fd..48cde694b 100644
--- a/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
+++ b/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
@@ -56,7 +56,12 @@ export function AlertsFilterMenu() {
       {!dataState && !!pageCount && (
         <Button
           tip={severityFilter ? `dismiss ${pageCount}` : 'dismiss all'}
-          onClick={() => dismissMany(datasetPage.map((a) => a.id))}
+          onClick={() => {
+            if (!datasetPage) {
+              return
+            }
+            dismissMany(datasetPage.map((a) => a.id))
+          }}
         >
           <Checkmark16 />
           Dismiss ({pageCount})
diff --git a/apps/renterd/components/Alerts/index.tsx b/apps/renterd/components/Alerts/index.tsx
index b7853b845..a77dd45c5 100644
--- a/apps/renterd/components/Alerts/index.tsx
+++ b/apps/renterd/components/Alerts/index.tsx
@@ -21,7 +21,6 @@ export function Alerts() {
     toggleSort,
     limit,
     dataState,
-    cellContext,
   } = useAlerts()
 
   return (
@@ -35,7 +34,6 @@ export function Alerts() {
     >
       <div className="p-6 min-w-fit">
         <Table
-          context={cellContext}
           isLoading={dataState === 'loading'}
           emptyState={
             dataState === 'noneMatchingFilters' ? (
diff --git a/apps/renterd/components/CmdRoot/Item.tsx b/apps/renterd/components/CmdRoot/Item.tsx
index 8da301cbe..254ed882a 100644
--- a/apps/renterd/components/CmdRoot/Item.tsx
+++ b/apps/renterd/components/CmdRoot/Item.tsx
@@ -13,7 +13,7 @@ export function CommandItemNav({
 }: React.ComponentProps<typeof Command.Item> & {
   currentPage?: Page
   parentPage?: Page
-  commandPage: Page
+  commandPage?: Page
 }) {
   const search = useCommandState((state) => state.search)
   // show if user is on parent page and not searching
@@ -21,7 +21,7 @@ export function CommandItemNav({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage?.label} ${props.children.toString()}`}
+        value={`${commandPage?.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
@@ -48,7 +48,7 @@ export function CommandItemSearch({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage.label} ${props.children.toString()}`}
+        value={`${commandPage.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
@@ -76,7 +76,7 @@ export function CommandItemRootAndSearch({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage.label} ${props.children.toString()}`}
+        value={`${commandPage.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
diff --git a/apps/renterd/components/Contracts/ContractContextMenu.tsx b/apps/renterd/components/Contracts/ContractContextMenu.tsx
index f1cbb6200..74a175385 100644
--- a/apps/renterd/components/Contracts/ContractContextMenu.tsx
+++ b/apps/renterd/components/Contracts/ContractContextMenu.tsx
@@ -118,6 +118,9 @@ export function ContractContextMenuContent({
       <DropdownMenuItem
         disabled={!hostAddress}
         onSelect={() => {
+          if (!hostAddress) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(addressContainsFilter(hostAddress))
           router.push(routes.contracts.index)
@@ -131,6 +134,9 @@ export function ContractContextMenuContent({
       <DropdownMenuItem
         disabled={!hostKey}
         onSelect={() => {
+          if (!hostKey) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(publicKeyContainsFilter(hostKey))
           router.push(routes.contracts.index)
@@ -145,7 +151,12 @@ export function ContractContextMenuContent({
       {blocklist.data?.find((l) => l === hostAddress) ? (
         <DropdownMenuItem
           disabled={!hostAddress}
-          onSelect={() => blocklistUpdate([], [hostAddress])}
+          onSelect={() => {
+            if (!hostAddress) {
+              return
+            }
+            blocklistUpdate([], [hostAddress])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -155,7 +166,12 @@ export function ContractContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!hostAddress}
-          onSelect={() => blocklistUpdate([hostAddress], [])}
+          onSelect={() => {
+            if (!hostAddress) {
+              return
+            }
+            blocklistUpdate([hostAddress], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -166,7 +182,12 @@ export function ContractContextMenuContent({
       {allowlist.data?.find((l) => l === hostKey) ? (
         <DropdownMenuItem
           disabled={!hostKey}
-          onSelect={() => allowlistUpdate([], [hostKey])}
+          onSelect={() => {
+            if (!hostKey) {
+              return
+            }
+            allowlistUpdate([], [hostKey])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -176,7 +197,12 @@ export function ContractContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!hostKey}
-          onSelect={() => allowlistUpdate([hostKey], [])}
+          onSelect={() => {
+            if (!hostKey) {
+              return
+            }
+            allowlistUpdate([hostKey], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -199,7 +225,12 @@ export function ContractContextMenuContent({
       </DropdownMenuItem>
       <DropdownMenuItem
         disabled={!hostKey}
-        onSelect={() => copyToClipboard(hostKey, 'host public key')}
+        onSelect={() => {
+          if (!hostKey) {
+            return
+          }
+          copyToClipboard(hostKey, 'host public key')
+        }}
       >
         <DropdownMenuLeftSlot>
           <Copy16 />
@@ -208,7 +239,12 @@ export function ContractContextMenuContent({
       </DropdownMenuItem>
       <DropdownMenuItem
         disabled={!hostAddress}
-        onSelect={() => copyToClipboard(hostAddress, 'host address')}
+        onSelect={() => {
+          if (!hostAddress) {
+            return
+          }
+          copyToClipboard(hostAddress, 'host address')
+        }}
       >
         <DropdownMenuLeftSlot>
           <Copy16 />
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
index 854786a3f..f8edbec0b 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
@@ -47,7 +47,7 @@ export function AddressCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
index 5842e8925..010ed179d 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
@@ -47,7 +47,7 @@ export function ContractSetCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
index 69c6e8082..7e6e87e6a 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
@@ -47,7 +47,7 @@ export function PublicKeyCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
index 157d04d9b..3c3046866 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
@@ -1,16 +1,14 @@
 import { ExpiryCmdGroup } from './Expiry'
-import { ContractData } from '../../../../../contexts/contracts/types'
 import { FormationCmdGroup } from './Formation'
 import { RenewCmdGroup } from './Renew'
 import { Page } from '../../../../CmdRoot/types'
-import { ClientFilterItem } from '@siafoundation/design-system'
 import { AddressCmdGroup } from './Address'
 import { PublicKeyCmdGroup } from './PublicKey'
 import { ContractSetCmdGroup } from './ContractSet'
 
 type Props = {
   currentPage: Page
-  select?: (filter?: ClientFilterItem<ContractData>) => void
+  select: () => void
 }
 
 export function ContractFilterCmdGroups({ currentPage, select }: Props) {
diff --git a/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx b/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
index d10554ac7..c9aeef693 100644
--- a/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
+++ b/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
@@ -17,7 +17,7 @@ export function contractSetsIncludeFilter(contractSet: string) {
     value: contractSet,
     label: `contract in set ${contractSet}`,
     fn: (d: ContractData) => {
-      return d.contractSets?.includes(contractSet)
+      return !!d.contractSets?.includes(contractSet)
     },
   }
 }
@@ -80,6 +80,9 @@ export function ContractsFilterContractSetDialog({
 
   const onValid = useCallback(
     (values: Values) => {
+      if (!values.contractSet) {
+        return
+      }
       setFilter(contractSetsIncludeFilter(values.contractSet))
       closeAndReset()
     },
diff --git a/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx b/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
index ea404dd07..e39219e77 100644
--- a/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
+++ b/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
@@ -20,7 +20,7 @@ export function ContractsFilterMenu() {
   const [pages, setPages] = useState<Page[]>([])
   const currentPage = pages[pages.length - 1]
   const rootPage = pages.length === 0
-  const rootRef = useRef(null)
+  const rootRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
 
   const pushPage = useCallback(
@@ -35,8 +35,8 @@ export function ContractsFilterMenu() {
   }, [setPages])
 
   useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (rootRef.current && !rootRef.current.contains(event.target)) {
+    const handleClickOutside = (event: Event) => {
+      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {
         setOpen(false)
       }
     }
diff --git a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
index 53edb4616..8ee5e9b2c 100644
--- a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
+++ b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
@@ -82,7 +82,7 @@ export function FilesHealthColumnContents({
       displayHealth={displayHealth}
       label={label}
       minShards={slabs.find((s) => s.minShards)?.minShards}
-      totalShards={slabs.find((s) => s.shards)?.shards.length}
+      totalShards={slabs.find((s) => s.shards)?.shards?.length}
     >
       {slabs.map((slab) => (
         <div key={slab.id} className="flex justify-between gap-2">
@@ -96,7 +96,7 @@ export function FilesHealthColumnContents({
           </Text>
           <Text size="12" className="flex items-center">
             {slab.isPartialSlab
-              ? `${slab.contractSetShards}/${slab.shards.length}`
+              ? `${slab.contractSetShards}/${slab.shards?.length}`
               : 'partial slab'}
           </Text>
         </div>
diff --git a/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx b/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
index 71331e913..11e1cd1db 100644
--- a/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
+++ b/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
@@ -16,7 +16,7 @@ export const filesSearchAllPage = {
   empty: FileSearchEmpty,
 }
 
-export function getFilesSearchBucketPage(activeBucketName: string) {
+export function getFilesSearchBucketPage(activeBucketName?: string) {
   return {
     namespace: 'files/search/bucket',
     label: 'Search files in current bucket',
@@ -44,9 +44,9 @@ export function FilesSearchCmd({
   const { activeBucketName, navigateToModeSpecificFiltering } =
     useFilesManager()
   const activePage =
-    mode === 'global'
-      ? filesSearchAllPage
-      : getFilesSearchBucketPage(activeBucketName)
+    mode === 'bucket' && activeBucketName
+      ? getFilesSearchBucketPage(activeBucketName)
+      : filesSearchAllPage
   const onSearchPage = currentPage?.namespace === activePage.namespace
   const validMode = mode === 'global' || (mode === 'bucket' && activeBucketName)
   const params = useMemo(() => {
@@ -88,9 +88,9 @@ export function FilesSearchCmd({
             currentPage={currentPage}
             key={key}
             onSelect={() => {
-              beforeSelect()
+              beforeSelect?.()
               navigateToModeSpecificFiltering(bucket + key)
-              afterSelect()
+              afterSelect?.()
             }}
             value={key}
           >
diff --git a/apps/renterd/components/Files/FilesCmd/index.tsx b/apps/renterd/components/Files/FilesCmd/index.tsx
index 87d065baf..793977967 100644
--- a/apps/renterd/components/Files/FilesCmd/index.tsx
+++ b/apps/renterd/components/Files/FilesCmd/index.tsx
@@ -60,7 +60,7 @@ export function FilesCmd({
               router.push(routes.buckets.index)
             }
             closeDialog()
-            afterSelect()
+            afterSelect?.()
           }}
         >
           View files
@@ -70,7 +70,7 @@ export function FilesCmd({
           commandPage={commandPage}
           onSelect={() => {
             pushPage(filesSearchAllPage)
-            afterSelect()
+            afterSelect?.()
           }}
         >
           Search all files
@@ -81,7 +81,7 @@ export function FilesCmd({
             commandPage={commandPage}
             onSelect={() => {
               pushPage(getFilesSearchBucketPage(activeBucket.name))
-              afterSelect()
+              afterSelect?.()
             }}
           >
             Search files in bucket
diff --git a/apps/renterd/components/Files/FilesSearchBucketMenu/index.tsx b/apps/renterd/components/Files/FilesSearchBucketMenu/index.tsx
index 2350d2d5a..ac2f40479 100644
--- a/apps/renterd/components/Files/FilesSearchBucketMenu/index.tsx
+++ b/apps/renterd/components/Files/FilesSearchBucketMenu/index.tsx
@@ -45,9 +45,11 @@ export function FilesSearchBucketMenu({ panel }: Props) {
     >
       <Label className="px-2 flex justify-between items-center">
         File search in current bucket
-        <Button variant="inactive" state="waiting" tabIndex={-1} size="small">
-          {activeBucket.name}
-        </Button>
+        {!!activeBucket && (
+          <Button variant="inactive" state="waiting" tabIndex={-1} size="small">
+            {activeBucket.name}
+          </Button>
+        )}
       </Label>
       <Command.Input
         aria-label="search files"
diff --git a/apps/renterd/components/Hosts/HostContextMenu.tsx b/apps/renterd/components/Hosts/HostContextMenu.tsx
index cf4e4aa84..be7c964e5 100644
--- a/apps/renterd/components/Hosts/HostContextMenu.tsx
+++ b/apps/renterd/components/Hosts/HostContextMenu.tsx
@@ -99,6 +99,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           resetHostsFilters()
           setHostsFilter({
             id: 'addressContains',
@@ -128,6 +131,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(addressContainsFilter(address))
           router.push(routes.contracts.index)
@@ -154,6 +160,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           rescan.post({
             payload: {
               hostKey: publicKey,
@@ -181,7 +190,12 @@ export function HostContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!address}
-          onSelect={() => blocklistUpdate([address], [])}
+          onSelect={() => {
+            if (!address) {
+              return
+            }
+            blocklistUpdate([address], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -230,6 +244,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           copyToClipboard(address, 'host address')
         }}
       >
diff --git a/apps/renterd/components/Hosts/HostMap/Globe.tsx b/apps/renterd/components/Hosts/HostMap/Globe.tsx
index 67e36bff2..73d2a6151 100644
--- a/apps/renterd/components/Hosts/HostMap/Globe.tsx
+++ b/apps/renterd/components/Hosts/HostMap/Globe.tsx
@@ -18,7 +18,8 @@ export type Commands = {
 }
 
 export const emptyCommands: Commands = {
-  moveToLocation: (location: [number, number], altitude?: number) => null,
+  moveToLocation: (location: [number, number] | undefined, altitude?: number) =>
+    null,
 }
 
 type Props = {
@@ -77,7 +78,9 @@ export function Globe({
 
     const directionalLight = globeEl.current
       ?.scene()
-      .children.find((obj3d) => obj3d.type === 'DirectionalLight')
+      .children.find(
+        (obj3d: { type: string }) => obj3d.type === 'DirectionalLight'
+      )
     if (directionalLight) {
       // directionalLight.position.set(1, 1, 1)
       directionalLight.intensity = 10
@@ -93,7 +96,7 @@ export function Globe({
   }, [])
 
   // const routes = useDecRoutes({ hosts, activeHost })
-  const routes = []
+  const routes: never[] = []
 
   const [containerRef, { height, width }] = useElementSize()
 
@@ -103,6 +106,8 @@ export function Globe({
     <div ref={containerRef} className="w-full h-full">
       <GlobeDyn
         ref={globeEl}
+        // @ts-expect-error: This prop is required but the typing is lost in the wrapping.
+        // Revisit if we ever update this feature.
         width={width}
         height={height}
         backgroundColor="rgba(0,0,0,0)"
@@ -173,7 +178,7 @@ export function Globe({
               .div(1e12)
               .toNumber()
           }
-          radius = h.settings.remainingstorage / 1e13 / 3
+          radius = (h.settings?.remainingstorage || 0) / 1e13 / 3
 
           return Math.max(radius, 0.1)
         }}
diff --git a/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx b/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
index 7c4214a05..68f9e4b62 100644
--- a/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
+++ b/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
@@ -6,6 +6,7 @@ const GlobeGl = dynamic(() => import('./GlobeImp'), {
   ssr: false,
 })
 
+// @ts-expect-error: Issue with strict type checking, revisit if we ever update this feature.
 export const GlobeDyn = forwardRef(function ReactGlobe(
   props: Omit<React.ComponentProps<typeof GlobeGl>, 'forwardRef'>,
   ref: MutableRefObject<GlobeMethods>
diff --git a/apps/renterd/components/Hosts/HostMap/HostItem.tsx b/apps/renterd/components/Hosts/HostMap/HostItem.tsx
index 02f12e19b..443a89959 100644
--- a/apps/renterd/components/Hosts/HostMap/HostItem.tsx
+++ b/apps/renterd/components/Hosts/HostMap/HostItem.tsx
@@ -22,7 +22,7 @@ type Host = SiaCentralHost
 type Props = {
   host: Host
   activeHost: Host
-  setRef?: (el: HTMLButtonElement) => void
+  setRef?: (el: HTMLButtonElement | null) => void
   selectActiveHost: (public_key: string) => void
   rates: {
     usd: string
@@ -39,14 +39,14 @@ export function HostItem({
   const storageCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.storage_price)
+        ? `$${new BigNumber(host.settings?.storage_price || 0)
             .times(TBToBytes(1))
             .times(monthsToBlocks(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.storage_price)
+            new BigNumber(host.settings?.storage_price || 0)
               .times(TBToBytes(1))
               .times(monthsToBlocks(1)),
             { fixed: 0 }
@@ -57,13 +57,15 @@ export function HostItem({
   const downloadCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.download_price)
+        ? `$${new BigNumber(host.settings?.download_price || 0)
             .times(TBToBytes(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.download_price).times(TBToBytes(1)),
+            new BigNumber(host.settings?.download_price || 0).times(
+              TBToBytes(1)
+            ),
             { fixed: 0 }
           )}/TB`,
     [rates, host]
@@ -72,13 +74,13 @@ export function HostItem({
   const uploadCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.upload_price)
+        ? `$${new BigNumber(host.settings?.upload_price || 0)
             .times(TBToBytes(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.upload_price).times(TBToBytes(1)),
+            new BigNumber(host.settings?.upload_price || 0).times(TBToBytes(1)),
             { fixed: 0 }
           )}/TB`,
     [rates, host]
@@ -99,7 +101,7 @@ export function HostItem({
             </div>
             <div className="flex flex-col gap-1">
               <Text color="contrast">
-                {humanBytes(host.settings.total_storage)}
+                {humanBytes(host.settings?.total_storage || 0)}
               </Text>
               <Text color="contrast">{getDownloadSpeed(host)}</Text>
               <Text color="contrast">{getUploadSpeed(host)}</Text>
@@ -144,7 +146,7 @@ export function HostItem({
             host.public_key === activeHost?.public_key ? 'semibold' : 'regular'
           }
         >
-          {humanBytes(host.settings.total_storage)}
+          {humanBytes(host.settings?.total_storage || 0)}
           {host.benchmark && ` · ${getDownloadSpeed(host)}`}
           {' · '}
           {storageCost}
diff --git a/apps/renterd/components/Hosts/HostMap/utils.ts b/apps/renterd/components/Hosts/HostMap/utils.ts
index 2aa0af185..9881fa122 100644
--- a/apps/renterd/components/Hosts/HostMap/utils.ts
+++ b/apps/renterd/components/Hosts/HostMap/utils.ts
@@ -16,14 +16,14 @@ export function getHostLabel({
   exchangeRateUSD?: BigNumber
 }) {
   const storageCost = exchangeRateUSD
-    ? `$${new BigNumber(host.settings.storageprice)
+    ? `$${new BigNumber(host.settings?.storageprice || 0)
         .times(TBToBytes(1))
         .times(monthsToBlocks(1))
         .div(1e24)
         .times(exchangeRateUSD)
         .toFixed(2)}/TB`
     : `${humanSiacoin(
-        new BigNumber(host.settings.storageprice)
+        new BigNumber(host.settings?.storageprice || 0)
           .times(TBToBytes(1))
           .times(monthsToBlocks(1)),
         { fixed: 0 }
@@ -36,10 +36,10 @@ export function getHostLabel({
   )} utilized`
 
   const availableStorage = `${humanBytes(
-    host.settings.remainingstorage
-  )} / ${humanBytes(host.settings.totalstorage)} available`
+    host.settings?.remainingstorage || 0
+  )} / ${humanBytes(host.settings?.totalstorage || 0)} available`
 
-  return `${countryCodeEmoji(
-    host.countryCode
-  )} · ${storageCost} · ${usedStorage} · ${availableStorage}`
+  const cc = host.countryCode ? countryCodeEmoji(host.countryCode) : '🌍'
+
+  return `${cc} · ${storageCost} · ${usedStorage} · ${availableStorage}`
 }
diff --git a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
index fa9bcf619..bc7598077 100644
--- a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
+++ b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
@@ -47,7 +47,7 @@ export function AddressCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
index 5ff660084..c296d9fef 100644
--- a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
+++ b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
@@ -47,7 +47,7 @@ export function PublicKeyCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx b/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
index 5bc0608f8..b89e827ff 100644
--- a/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
+++ b/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
@@ -19,7 +19,7 @@ export function HostsFilterMenu() {
   const [search, setSearch] = useState('')
   const [pages, setPages] = useState<Page[]>([])
   const currentPage = pages[pages.length - 1]
-  const rootRef = useRef(null)
+  const rootRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
 
   const pushPage = useCallback(
@@ -34,8 +34,8 @@ export function HostsFilterMenu() {
   }, [setPages])
 
   useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (rootRef.current && !rootRef.current.contains(event.target)) {
+    const handleClickOutside = (event: Event) => {
+      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {
         setOpen(false)
       }
     }
diff --git a/apps/renterd/components/Keys/KeysCreateDialog.tsx b/apps/renterd/components/Keys/KeysCreateDialog.tsx
index 512932998..d6f7aa564 100644
--- a/apps/renterd/components/Keys/KeysCreateDialog.tsx
+++ b/apps/renterd/components/Keys/KeysCreateDialog.tsx
@@ -62,11 +62,11 @@ function getFields({
       validation: {
         required: 'required',
         validate: {
-          minLength: (value) =>
+          minLength: (value: string) =>
             value?.length >= 16 || 'must be at least 16 characters',
-          maxLength: (value) =>
+          maxLength: (value: string) =>
             value?.length <= 128 || 'must be at most 128 characters',
-          unique: (value) =>
+          unique: (value: string) =>
             !existingKeys.includes(value) || 'Name must be unique',
         },
       },
@@ -110,6 +110,10 @@ export function KeysCreateDialog({ trigger, open, onOpenChange }: Props) {
 
   const onSubmit = useCallback(
     async (values: Values) => {
+      if (!settingsS3.data) {
+        triggerErrorToast({ title: 'Error creating key' })
+        return
+      }
       const v4Keypairs = {
         ...settingsS3.data?.authentication.v4Keypairs,
         [values.name]: values.secret,
diff --git a/apps/renterd/components/Keys/index.tsx b/apps/renterd/components/Keys/index.tsx
index 6430d13ac..392f077f7 100644
--- a/apps/renterd/components/Keys/index.tsx
+++ b/apps/renterd/components/Keys/index.tsx
@@ -20,7 +20,6 @@ export function Keys() {
     toggleSort,
     limit,
     dataState,
-    cellContext,
   } = useKeys()
 
   return (
@@ -33,7 +32,6 @@ export function Keys() {
     >
       <div className="p-6 min-w-fit">
         <Table
-          context={cellContext}
           isLoading={dataState === 'loading'}
           emptyState={
             dataState === 'noneMatchingFilters' ? (
diff --git a/apps/renterd/components/Profile/index.tsx b/apps/renterd/components/Profile/index.tsx
index c04eb451e..4f4b16119 100644
--- a/apps/renterd/components/Profile/index.tsx
+++ b/apps/renterd/components/Profile/index.tsx
@@ -48,7 +48,7 @@ export function Profile() {
   return (
     <DaemonProfile
       name="renterd"
-      peerCount={peers.data?.length}
+      peerCount={peers.data?.length || 0}
       connectPeer={() => openDialog('connectPeer')}
       isSynced={syncStatus.isSynced}
       syncPercent={syncStatus.syncPercent}
@@ -65,7 +65,7 @@ export function Profile() {
           <ValueCopyable
             size="14"
             maxLength={50}
-            value={wallet.data?.address}
+            value={wallet.data?.address || ''}
             type="address"
           />
         </div>
diff --git a/apps/renterd/components/TransferProgress.tsx b/apps/renterd/components/TransferProgress.tsx
index 1a39a72ea..c1f0e126f 100644
--- a/apps/renterd/components/TransferProgress.tsx
+++ b/apps/renterd/components/TransferProgress.tsx
@@ -3,7 +3,9 @@ import { useMemo } from 'react'
 import { upperFirst } from '@technically/lodash'
 
 function getProgress(transfer: { loaded?: number; size?: number }) {
-  return transfer.loaded !== undefined ? transfer.loaded / transfer.size : 1
+  return transfer.loaded !== undefined && transfer.size
+    ? transfer.loaded / transfer.size
+    : 1
 }
 
 type Props = {
diff --git a/apps/renterd/components/TransfersBar.tsx b/apps/renterd/components/TransfersBar.tsx
index 9d4de887e..8ff48bfaa 100644
--- a/apps/renterd/components/TransfersBar.tsx
+++ b/apps/renterd/components/TransfersBar.tsx
@@ -69,7 +69,7 @@ export function TransfersBar() {
                   <TransfersBarItem
                     key={download.id}
                     path={download.path}
-                    loaded={download.loaded}
+                    loaded={download.loaded || 0}
                     size={download.size}
                     status={
                       download.loaded === download.size
diff --git a/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx b/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
index 2317aa120..eadfd9f3d 100644
--- a/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
+++ b/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
@@ -25,7 +25,12 @@ export function UploadsBreadcrumbMenu() {
             <ChevronRight16 />
           </Text>
           <Text
-            onClick={() => setActiveDirectory(() => [activeBucket])}
+            onClick={() => {
+              if (!activeBucket) {
+                return
+              }
+              setActiveDirectory(() => [activeBucket])
+            }}
             size="18"
             weight="semibold"
             className="flex items-center cursor-pointer"
diff --git a/apps/renterd/contexts/alerts/columns.tsx b/apps/renterd/contexts/alerts/columns.tsx
index ce94e73a3..77862e7db 100644
--- a/apps/renterd/contexts/alerts/columns.tsx
+++ b/apps/renterd/contexts/alerts/columns.tsx
@@ -14,14 +14,14 @@ import { Checkmark16 } from '@siafoundation/react-icons'
 import { formatRelative } from 'date-fns'
 import { Fragment, useMemo } from 'react'
 
-type Context = never
+type Context = Record<string, unknown>
 
-type KeysTableColumn = TableColumn<TableColumnId, AlertData, Context> & {
+type AlertsTableColumn = TableColumn<TableColumnId, AlertData, Context> & {
   fixed?: boolean
   category?: string
 }
 
-export const columns: KeysTableColumn[] = [
+export const columns: AlertsTableColumn[] = [
   {
     id: 'actions',
     label: '',
@@ -63,16 +63,16 @@ export const columns: KeysTableColumn[] = [
               {message}
             </Text>
           </div>
-          {data['hint'] && (
+          {data['hint'] ? (
             <Text size="12" color="subtle">
               {data['hint'] as string}
             </Text>
-          )}
-          {data['error'] && (
+          ) : null}
+          {data['error'] ? (
             <Text size="12" color="subtle">
               {data['error'] as string}
             </Text>
-          )}
+          ) : null}
         </div>
       )
     },
@@ -95,11 +95,11 @@ export const columns: KeysTableColumn[] = [
                 value === null ||
                 (typeof value === 'object' && !Object.keys(value).length)
               ) {
-                return null
+                return false
               }
               return { key, value }
             })
-            .filter(Boolean),
+            .filter(Boolean) as { key: string; value: unknown }[],
         [data]
       )
       // Collect set changes for the custom SetChangeField component
diff --git a/apps/renterd/contexts/alerts/data.tsx b/apps/renterd/contexts/alerts/data.tsx
index 446e70cec..6b22ea6b4 100644
--- a/apps/renterd/contexts/alerts/data.tsx
+++ b/apps/renterd/contexts/alerts/data.tsx
@@ -19,6 +19,8 @@ import { AccountContextMenu } from '../../components/AccountContextMenu'
 import { FileContextMenu } from '../../components/Files/FileContextMenu'
 import { CaretDown16 } from '@siafoundation/react-icons'
 
+type Render = (props: { value: unknown }) => JSX.Element
+
 export const dataFields: Record<
   string,
   { render: (props: { value: unknown }) => JSX.Element }
@@ -35,7 +37,7 @@ export const dataFields: Record<
           </Text>
         </div>
       )
-    },
+    } as Render,
   },
   contractID: {
     render: function ContractField({ value }: { value: string }) {
@@ -61,7 +63,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   accountID: {
     render: function AccountField({ value }: { value: string }) {
@@ -88,7 +90,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   hostKey: {
     render: function HostField({ value }: { value: string }) {
@@ -119,7 +121,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   slabKey: {
     render: function SlabField({ value }: { value: string }) {
@@ -131,7 +133,7 @@ export const dataFields: Record<
           <ValueCopyable size="12" value={value} label="slab key" />
         </div>
       )
-    },
+    } as Render,
   },
   health: {
     render: function OriginField({ value }: { value: string }) {
@@ -145,7 +147,7 @@ export const dataFields: Record<
           </Text>
         </div>
       )
-    },
+    } as Render,
   },
   objectIDs: {
     render: function ObjectIdsField({
@@ -213,112 +215,128 @@ export const dataFields: Record<
           </div>
         </div>
       )
-    },
+    } as Render,
   },
   added: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          added
-        </Text>
-        <Text size="12" color="contrast" ellipsis>
-          {value}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            added
+          </Text>
+          <Text size="12" color="contrast" ellipsis>
+            {value}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   removed: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          removed
-        </Text>
-        <Text size="12" color="contrast" ellipsis>
-          {value}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            removed
+          </Text>
+          <Text size="12" color="contrast" ellipsis>
+            {value}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   migrationsInterrupted: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          migrations interrupted
-        </Text>
-        <Text size="12" weight="medium" ellipsis>
-          {value ? 'yes' : 'no'}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            migrations interrupted
+          </Text>
+          <Text size="12" weight="medium" ellipsis>
+            {value ? 'yes' : 'no'}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   allowance: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          allowance
-        </Text>
-        <ValueSc size="12" variant="value" value={new BigNumber(value)} />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            allowance
+          </Text>
+          <ValueSc size="12" variant="value" value={new BigNumber(value)} />
+        </div>
+      )
+    } as Render,
   },
   balance: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          balance
-        </Text>
-        <ValueSc size="12" variant="value" value={new BigNumber(value)} />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            balance
+          </Text>
+          <ValueSc size="12" variant="value" value={new BigNumber(value)} />
+        </div>
+      )
+    } as Render,
   },
   address: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          address
-        </Text>
-        <ValueCopyable size="12" value={value} type="address" />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            address
+          </Text>
+          <ValueCopyable size="12" value={value} type="address" />
+        </div>
+      )
+    } as Render,
   },
   account: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          account
-        </Text>
-        <ValueCopyable
-          size="12"
-          value={value}
-          label="account"
-          contextMenu={
-            <AccountContextMenu
-              id={value}
-              contentProps={{
-                align: 'end',
-              }}
-              buttonProps={{
-                size: 'none',
-              }}
-            />
-          }
-        />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            account
+          </Text>
+          <ValueCopyable
+            size="12"
+            value={value}
+            label="account"
+            contextMenu={
+              <AccountContextMenu
+                id={value}
+                contentProps={{
+                  align: 'end',
+                }}
+                buttonProps={{
+                  size: 'none',
+                }}
+              />
+            }
+          />
+        </div>
+      )
+    } as Render,
   },
   lostSectors: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          lost sectors
-        </Text>
-        <ValueNum
-          size="12"
-          variant="value"
-          value={new BigNumber(value)}
-          format={(value) => value.toString()}
-        />
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            lost sectors
+          </Text>
+          <ValueNum
+            size="12"
+            variant="value"
+            value={new BigNumber(value)}
+            format={(value) => value.toString()}
+          />
+        </div>
+      )
+    } as Render,
   },
 }
diff --git a/apps/renterd/contexts/alerts/index.tsx b/apps/renterd/contexts/alerts/index.tsx
index 8df668972..edc7e7845 100644
--- a/apps/renterd/contexts/alerts/index.tsx
+++ b/apps/renterd/contexts/alerts/index.tsx
@@ -106,9 +106,9 @@ function useAlertsMain() {
     [dismiss]
   )
 
-  const datasetPage = useMemo<AlertData[] | null>(() => {
+  const datasetPage = useMemo<AlertData[] | undefined>(() => {
     if (!response.data) {
-      return null
+      return undefined
     }
     const data: AlertData[] =
       response.data?.alerts?.map((a) => ({
@@ -157,8 +157,6 @@ function useAlertsMain() {
     filters
   )
 
-  const cellContext = useMemo(() => ({}), [])
-
   const totals = useMemo(
     () => ({
       ...response.data?.totals,
@@ -182,7 +180,6 @@ function useAlertsMain() {
     totals,
     columns: filteredTableColumns,
     datasetPage,
-    cellContext,
     configurableColumns,
     enabledColumns,
     sortableColumns,
diff --git a/apps/renterd/contexts/app/useBusSdk.tsx b/apps/renterd/contexts/app/useBusSdk.tsx
index 118d84ead..ffd903a92 100644
--- a/apps/renterd/contexts/app/useBusSdk.tsx
+++ b/apps/renterd/contexts/app/useBusSdk.tsx
@@ -3,7 +3,7 @@ import { useAppSettings } from '@siafoundation/react-core'
 import { Bus } from '@siafoundation/renterd-js'
 
 export function useBusSdk() {
-  const [bus, setBus] = useState<ReturnType<typeof Bus>>(null)
+  const [bus, setBus] = useState<ReturnType<typeof Bus> | null>(null)
   const {
     settings: { api, password },
   } = useAppSettings()
diff --git a/apps/renterd/contexts/contracts/columns.tsx b/apps/renterd/contexts/contracts/columns.tsx
index f9e521999..a25820b26 100644
--- a/apps/renterd/contexts/contracts/columns.tsx
+++ b/apps/renterd/contexts/contracts/columns.tsx
@@ -96,7 +96,7 @@ export const columns: ContractsTableColumn[] = [
       data: { contractSets },
       context: { defaultContractSet, autopilotContractSet },
     }) => {
-      if (!contractSets.length) {
+      if (!contractSets?.length) {
         return null
       }
       return (
@@ -426,14 +426,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { totalCost } }) => (
       <ValueScFiat displayBoth size="12" value={totalCost.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.totalCostTotal.negated()}
-        tooltip="Total cost across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.totalCostTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.totalCostTotal.negated()}
+          tooltip="Total cost across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingUploads',
@@ -443,14 +448,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { spendingUploads } }) => (
       <ValueScFiat displayBoth size="12" value={spendingUploads.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingUploadsTotal.negated()}
-        tooltip="Uploads spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingUploadsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingUploadsTotal.negated()}
+          tooltip="Uploads spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingDeletions',
@@ -460,14 +470,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { spendingDeletions } }) => (
       <ValueScFiat displayBoth size="12" value={spendingDeletions.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingDeletionsTotal.negated()}
-        tooltip="Deletions spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingDeletionsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingDeletionsTotal.negated()}
+          tooltip="Deletions spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingFundAccount',
@@ -481,14 +496,19 @@ export const columns: ContractsTableColumn[] = [
         value={spendingFundAccount.negated()}
       />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingFundAccountTotal.negated()}
-        tooltip="Fund account spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingFundAccountTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingFundAccountTotal.negated()}
+          tooltip="Fund account spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingSectorRoots',
@@ -502,14 +522,19 @@ export const columns: ContractsTableColumn[] = [
         value={spendingSectorRoots.negated()}
       />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingSectorRootsTotal.negated()}
-        tooltip="Sector roots spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingSectorRootsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingSectorRootsTotal.negated()}
+          tooltip="Sector roots spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
 ]
 
diff --git a/apps/renterd/contexts/contracts/dataset.tsx b/apps/renterd/contexts/contracts/dataset.tsx
index 03cac83fb..d1ed7a2af 100644
--- a/apps/renterd/contexts/contracts/dataset.tsx
+++ b/apps/renterd/contexts/contracts/dataset.tsx
@@ -14,8 +14,8 @@ export function useDataset({
   defaultContractSet,
 }: {
   selectContract: (id: string) => void
-  autopilotContractSet: string
-  defaultContractSet: string
+  autopilotContractSet?: string
+  defaultContractSet?: string
 }) {
   const response = useContractsData({
     config: {
@@ -53,8 +53,12 @@ export function useDataset({
           hostIp: c.hostIP,
           hostKey: c.hostKey,
           contractSets: c.contractSets || [],
-          inAutopilotSet: c.contractSets?.includes(autopilotContractSet),
-          inDefaultSet: c.contractSets?.includes(defaultContractSet),
+          inAutopilotSet: autopilotContractSet
+            ? !!c.contractSets?.includes(autopilotContractSet)
+            : false,
+          inDefaultSet: defaultContractSet
+            ? !!c.contractSets?.includes(defaultContractSet)
+            : false,
           location: geoHosts.find((h) => h.public_key === c.hostKey)?.location,
           timeline: startTime,
           startTime,
diff --git a/apps/renterd/contexts/contracts/index.tsx b/apps/renterd/contexts/contracts/index.tsx
index 0abb095bf..1b1cb0a2f 100644
--- a/apps/renterd/contexts/contracts/index.tsx
+++ b/apps/renterd/contexts/contracts/index.tsx
@@ -127,9 +127,9 @@ function useContractsMain() {
     sortDirection,
   })
 
-  const datasetPage = useMemo<ContractData[] | null>(() => {
+  const datasetPage = useMemo<ContractData[] | undefined>(() => {
     if (!datasetFiltered) {
-      return null
+      return undefined
     }
     return datasetFiltered.slice(offset, offset + limit)
   }, [datasetFiltered, offset, limit])
diff --git a/apps/renterd/contexts/contracts/useContractSetMetrics.tsx b/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
index 9cca2e5e3..589d29b69 100644
--- a/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
+++ b/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
@@ -13,6 +13,7 @@ import { useMemo } from 'react'
 import { ChartContractSetCategory, ChartContractSetKey } from './types'
 import { getTimeClampedToNearest5min } from './utils'
 import { daysInMilliseconds } from '@siafoundation/units'
+import { ContractSetMetricsParams } from '@siafoundation/renterd-types'
 
 export function useContractSetMetrics() {
   // don't use exact times, round to 5 minutes so that swr can cache
@@ -36,7 +37,7 @@ export function useContractSetMetrics() {
       start: new Date(start).toISOString(),
       interval,
       n: periods,
-    },
+    } as ContractSetMetricsParams,
   })
 
   const contractSetMetrics = useMemo<
diff --git a/apps/renterd/contexts/contracts/useFilteredStats.tsx b/apps/renterd/contexts/contracts/useFilteredStats.tsx
index 703339cdd..70cd76f74 100644
--- a/apps/renterd/contexts/contracts/useFilteredStats.tsx
+++ b/apps/renterd/contexts/contracts/useFilteredStats.tsx
@@ -5,7 +5,7 @@ import { ContractData } from './types'
 export function useFilteredStats({
   datasetFiltered,
 }: {
-  datasetFiltered: ContractData[] | null
+  datasetFiltered: ContractData[] | undefined
 }) {
   const sizeTotal = useMemo(() => {
     if (!datasetFiltered) {
@@ -21,7 +21,7 @@ export function useFilteredStats({
       return undefined
     }
     return datasetFiltered.reduce((acc, datum) => {
-      if (!datum.inAutopilotSet) {
+      if (!datum.inAutopilotSet || !datum.prunableSize) {
         return acc
       }
       return acc.plus(datum.prunableSize)
@@ -33,7 +33,7 @@ export function useFilteredStats({
       return undefined
     }
     return datasetFiltered.reduce((acc, datum) => {
-      if (datum.inAutopilotSet) {
+      if (datum.inAutopilotSet || !datum.prunableSize) {
         return acc
       }
       return acc.plus(datum.size).minus(datum.prunableSize)
diff --git a/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx b/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
index 472e32b96..d206cd02d 100644
--- a/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
+++ b/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
@@ -10,7 +10,9 @@ export function usePrunableContractSizes() {
   const { bus } = useApp()
 
   const [prunableSizes, setPrunableSizes] = useState<PrunableSizes>({})
-  const [isFetchingPrunableSizeById, setIsFetchingPrunableById] = useState({})
+  const [isFetchingPrunableSizeById, setIsFetchingPrunableById] = useState<
+    Record<FileContractID, boolean>
+  >({})
   const [isFetchingPrunableSizeAll, setIsFetchingPrunableAll] = useState(false)
 
   const fetchPrunableSizeAll = useCallback(async () => {
@@ -19,7 +21,7 @@ export function usePrunableContractSizes() {
       const prunable = await bus?.contractsPrunable()
       setPrunableSizes((data) => ({
         ...data,
-        ...prunable.data?.contracts.reduce(
+        ...prunable?.data?.contracts.reduce(
           (acc, contract) => ({
             ...acc,
             [contract.id]: {
@@ -32,7 +34,7 @@ export function usePrunableContractSizes() {
         ),
       }))
     } catch (err) {
-      triggerErrorToast({ title: 'Error', body: err.message })
+      triggerErrorToast({ title: 'Error', body: (err as Error).message })
     } finally {
       setIsFetchingPrunableAll(false)
     }
@@ -46,6 +48,9 @@ export function usePrunableContractSizes() {
           [id]: true,
         }))
         const prunable = await bus?.contractSize({ params: { id } })
+        if (!prunable) {
+          return
+        }
         setPrunableSizes((data) => ({
           ...data,
           [id]: {
@@ -54,7 +59,7 @@ export function usePrunableContractSizes() {
           },
         }))
       } catch (err) {
-        triggerErrorToast({ title: 'Error', body: err.message })
+        triggerErrorToast({ title: 'Error', body: (err as Error).message })
       } finally {
         setIsFetchingPrunableById((data) => ({
           ...data,
diff --git a/apps/renterd/contexts/dialog.tsx b/apps/renterd/contexts/dialog.tsx
index be2777f7b..5163311ea 100644
--- a/apps/renterd/contexts/dialog.tsx
+++ b/apps/renterd/contexts/dialog.tsx
@@ -216,7 +216,7 @@ export function Dialogs() {
         open={dialog === 'confirm'}
         params={confirm}
         onOpenChange={(val) =>
-          val ? openConfirmDialog(confirm) : closeDialog()
+          val && confirm ? openConfirmDialog(confirm) : closeDialog()
         }
       />
     </>
diff --git a/apps/renterd/contexts/filesDirectory/columns.tsx b/apps/renterd/contexts/filesDirectory/columns.tsx
index 2dacf3585..b901d8132 100644
--- a/apps/renterd/contexts/filesDirectory/columns.tsx
+++ b/apps/renterd/contexts/filesDirectory/columns.tsx
@@ -184,10 +184,12 @@ export const columns: FilesTableColumn[] = [
         return null
       }
       if (isUploading) {
-        const displayPercent = ((loaded / size) * 100).toFixed(0) + '%'
+        const displayPercent = loaded
+          ? ((loaded / size) * 100).toFixed(0) + '%'
+          : '0%'
         return (
           <Tooltip
-            content={`Uploaded ${humanBytes(loaded)}/${humanBytes(size)}`}
+            content={`Uploaded ${humanBytes(loaded || 0)}/${humanBytes(size)}`}
           >
             <div className="flex items-center gap-1 cursor-pointer">
               <Text color="subtle">
diff --git a/apps/renterd/contexts/filesDirectory/dataset.tsx b/apps/renterd/contexts/filesDirectory/dataset.tsx
index 9fdf32e7d..1a51519d3 100644
--- a/apps/renterd/contexts/filesDirectory/dataset.tsx
+++ b/apps/renterd/contexts/filesDirectory/dataset.tsx
@@ -77,7 +77,7 @@ export function useDataset() {
   return {
     limit,
     marker,
-    isMore: response.data?.hasMore,
+    isMore: !!response.data?.hasMore,
     response,
     dataset: d.data,
     refresh: response.mutate,
diff --git a/apps/renterd/contexts/filesDirectory/index.tsx b/apps/renterd/contexts/filesDirectory/index.tsx
index a12cb9052..acb6d0377 100644
--- a/apps/renterd/contexts/filesDirectory/index.tsx
+++ b/apps/renterd/contexts/filesDirectory/index.tsx
@@ -60,7 +60,7 @@ function useFilesDirectoryMain() {
   // Add drag and drop properties to the dataset
   const datasetPage = useMemo(() => {
     if (!_datasetPage) {
-      return null
+      return undefined
     }
     return _datasetPage.map((d) => {
       if (
diff --git a/apps/renterd/contexts/filesDirectory/move.tsx b/apps/renterd/contexts/filesDirectory/move.tsx
index 9546b1cf5..b76adc6c5 100644
--- a/apps/renterd/contexts/filesDirectory/move.tsx
+++ b/apps/renterd/contexts/filesDirectory/move.tsx
@@ -29,7 +29,9 @@ export function useMove({
   setActiveDirectory,
   refresh,
 }: Props) {
-  const [draggingObject, setDraggingObject] = useState<ObjectData | null>(null)
+  const [draggingObject, setDraggingObject] = useState<ObjectData | undefined>(
+    undefined
+  )
   const [, setNavTimeout] = useState<NodeJS.Timeout>()
   const rename = useObjectsRename()
 
@@ -66,7 +68,7 @@ export function useMove({
           if (t) {
             clearTimeout(t)
           }
-          return null
+          return undefined
         })
         return
       }
@@ -84,8 +86,8 @@ export function useMove({
   )
 
   const scheduleNavigation = useCallback(
-    (e: { collisions: { id: string | number }[] }) => {
-      if (!e.collisions.length) {
+    (e: { collisions: { id: string | number }[] | null }) => {
+      if (!e.collisions?.length) {
         delayedNavigation(undefined)
       } else {
         const path = e.collisions?.[0].id as string
@@ -101,7 +103,7 @@ export function useMove({
 
   const onDragStart = useCallback(
     (e: DragStartEvent) => {
-      setDraggingObject(dataset.find((d) => d.id === e.active.id) || null)
+      setDraggingObject(dataset?.find((d) => d.id === e.active.id))
     },
     [dataset, setDraggingObject]
   )
diff --git a/apps/renterd/contexts/filesFlat/columns.tsx b/apps/renterd/contexts/filesFlat/columns.tsx
index 160d7f9c5..8f69c50fd 100644
--- a/apps/renterd/contexts/filesFlat/columns.tsx
+++ b/apps/renterd/contexts/filesFlat/columns.tsx
@@ -156,10 +156,12 @@ export const columns: FilesTableColumn[] = [
         return null
       }
       if (isUploading) {
-        const displayPercent = ((loaded / size) * 100).toFixed(0) + '%'
+        const displayPercent = loaded
+          ? ((loaded / size) * 100).toFixed(0) + '%'
+          : '0%'
         return (
           <Tooltip
-            content={`Uploaded ${humanBytes(loaded)}/${humanBytes(size)}`}
+            content={`Uploaded ${humanBytes(loaded || 0)}/${humanBytes(size)}`}
           >
             <div className="flex items-center gap-1 cursor-pointer">
               <Text color="subtle">
diff --git a/apps/renterd/contexts/filesFlat/dataset.tsx b/apps/renterd/contexts/filesFlat/dataset.tsx
index 60e86adfb..aa25d3c71 100644
--- a/apps/renterd/contexts/filesFlat/dataset.tsx
+++ b/apps/renterd/contexts/filesFlat/dataset.tsx
@@ -75,6 +75,7 @@ export function useDataset({ sortDirection, sortField }: Props) {
     limit,
     marker,
     response,
+    isMore: !!response.data?.hasMore,
     dataset: d.data,
     refresh: response.mutate,
   }
diff --git a/apps/renterd/contexts/filesFlat/index.tsx b/apps/renterd/contexts/filesFlat/index.tsx
index cc58cafbf..b9d28bde2 100644
--- a/apps/renterd/contexts/filesFlat/index.tsx
+++ b/apps/renterd/contexts/filesFlat/index.tsx
@@ -7,12 +7,11 @@ import { columns } from './columns'
 function useFilesFlatMain() {
   const { sortDirection, sortField, filters, enabledColumns } =
     useFilesManager()
-  const { limit, response, refresh, dataset } = useDataset({
+  const { limit, response, isMore, refresh, dataset } = useDataset({
     sortField,
     sortDirection,
   })
   const nextMarker = response.data?.nextMarker
-  const isMore = response.data?.hasMore
 
   const datasetPage = useMemo(() => {
     return dataset
diff --git a/apps/renterd/contexts/filesManager/dataset.tsx b/apps/renterd/contexts/filesManager/dataset.tsx
index 31b1d8506..66d883b6c 100644
--- a/apps/renterd/contexts/filesManager/dataset.tsx
+++ b/apps/renterd/contexts/filesManager/dataset.tsx
@@ -33,9 +33,9 @@ export function useDataset({ id, objects }: Props) {
     setActiveDirectory,
   } = useFilesManager()
   const { dataset: allContracts } = useContracts()
-  const response = useSWR<ObjectData[] | null>(
+  const response = useSWR<ObjectData[] | undefined>(
     objects.isValidating || buckets.isValidating
-      ? null
+      ? undefined
       : [id, activeBucketName, activeDirectoryPath],
     () => {
       const dataMap: Record<string, ObjectData> = {}
@@ -58,7 +58,7 @@ export function useDataset({ id, objects }: Props) {
         })
       } else if (objects.data || uploadsList.length) {
         objects.data?.forEach(({ key, size, health }) => {
-          const path = join(activeBucketName, key)
+          const path = join(activeBucket.name, key)
           const name = getFilename(key)
           dataMap[path] = {
             id: path,
diff --git a/apps/renterd/contexts/filesManager/downloads.tsx b/apps/renterd/contexts/filesManager/downloads.tsx
index 78258362c..49a68b214 100644
--- a/apps/renterd/contexts/filesManager/downloads.tsx
+++ b/apps/renterd/contexts/filesManager/downloads.tsx
@@ -85,6 +85,10 @@ export function useDownloads() {
       let isDone = false
       const bucketName = getBucketFromPath(path)
       const bucket = buckets.data?.find((b) => b.name === bucketName)
+      if (!bucket) {
+        triggerErrorToast({ title: 'Bucket not found', body: bucketName })
+        return
+      }
       const name = getFilename(path)
 
       if (downloadsMap[path]) {
diff --git a/apps/renterd/contexts/filesManager/index.spec.tsx b/apps/renterd/contexts/filesManager/index.spec.tsx
index 5ca67b95e..7f7d05c9f 100644
--- a/apps/renterd/contexts/filesManager/index.spec.tsx
+++ b/apps/renterd/contexts/filesManager/index.spec.tsx
@@ -47,13 +47,13 @@ describe('filesManager', () => {
     })
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     act(() => {
-      context.state.navigateToModeSpecificFiltering('/default/photos/cats')
+      context.state?.navigateToModeSpecificFiltering('/default/photos/cats')
     })
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/photos')
-    expect(context.state.fileNamePrefixFilter).toBe('cats')
+    expect(context.state?.fileNamePrefixFilter).toBe('cats')
   })
   it('toggling to flat explorer mode applies the active directory as a filter', async () => {
     useAppRouter.mockClear()
@@ -63,14 +63,14 @@ describe('filesManager', () => {
     })
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     act(() => {
-      context.state.setExplorerModeFlat()
+      context.state?.setExplorerModeFlat()
     })
-    expect(context.state.activeExplorerMode).toBe('flat')
+    expect(context.state?.activeExplorerMode).toBe('flat')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('foo/bar/baz/')
+    expect(context.state?.fileNamePrefixFilter).toBe('foo/bar/baz/')
   })
   it('toggling from flat mode to directory clears the file filter', async () => {
     useAppRouter.mockClear()
@@ -81,17 +81,17 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeFlat()
+      context.state?.setExplorerModeFlat()
     })
-    expect(context.state.activeExplorerMode).toBe('flat')
-    expect(context.state.fileNamePrefixFilter).toBe('foo/bar/baz/')
+    expect(context.state?.activeExplorerMode).toBe('flat')
+    expect(context.state?.fileNamePrefixFilter).toBe('foo/bar/baz/')
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
   it('does not routes if mode already active', async () => {
     useAppRouter.mockClear()
@@ -102,12 +102,12 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/files')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const pushCount = getRouterPushCallCount()
     expect(pushCount).toBe(0)
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
   it('routes to active mode if viewing uploads', async () => {
     useAppRouter.mockClear()
@@ -117,12 +117,12 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/uploads')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
 })
 
@@ -142,7 +142,7 @@ function ContextConsumer({
 
 function mountProvider() {
   const context: { state?: FilesManagerState } = {}
-  const onContext = (c) => {
+  const onContext = (c: FilesManagerState) => {
     context.state = c
   }
   render(
diff --git a/apps/renterd/contexts/filesManager/index.tsx b/apps/renterd/contexts/filesManager/index.tsx
index 8ad68ab1c..180690942 100644
--- a/apps/renterd/contexts/filesManager/index.tsx
+++ b/apps/renterd/contexts/filesManager/index.tsx
@@ -157,7 +157,7 @@ function useFilesManagerMain() {
 
   const uploadsRoute = routes.buckets.uploads.replace(
     '[bucket]',
-    activeBucketName
+    activeBucketName || ''
   )
 
   const navigateToUploads = useCallback(() => {
@@ -174,6 +174,9 @@ function useFilesManagerMain() {
     if (!isViewingUploads && activeExplorerMode === 'directory') {
       return
     }
+    if (!activeBucketName) {
+      return
+    }
     setActiveDirectoryAndFileNamePrefix([activeBucketName], undefined)
     setActiveExplorerMode('directory')
   }, [
@@ -188,6 +191,9 @@ function useFilesManagerMain() {
     if (!isViewingUploads && activeExplorerMode === 'flat') {
       return
     }
+    if (!activeBucketName) {
+      return
+    }
     setActiveDirectoryAndFileNamePrefix(
       [activeBucketName],
       getKeyFromPath(activeDirectoryPath).slice(1)
diff --git a/apps/renterd/contexts/filesManager/types.ts b/apps/renterd/contexts/filesManager/types.ts
index 06450c79a..8bae61497 100644
--- a/apps/renterd/contexts/filesManager/types.ts
+++ b/apps/renterd/contexts/filesManager/types.ts
@@ -30,19 +30,7 @@ export type TableColumnId =
   | 'size'
   | 'health'
 
-export type FilesTableContext = {
-  currentHeight: number
-  contractsTimeRange: {
-    startHeight: number
-    endHeight: number
-  }
-}
-
-export type FilesTableColumn = TableColumn<
-  TableColumnId,
-  ObjectData,
-  FilesTableContext
-> & {
+export type FilesTableColumn = TableColumn<TableColumnId, ObjectData, never> & {
   fixed?: boolean
   category?: string
 }
diff --git a/apps/renterd/contexts/filesManager/uploads.tsx b/apps/renterd/contexts/filesManager/uploads.tsx
index 33deb0215..7c4141582 100644
--- a/apps/renterd/contexts/filesManager/uploads.tsx
+++ b/apps/renterd/contexts/filesManager/uploads.tsx
@@ -116,6 +116,13 @@ export function useUploads({ activeDirectoryPath }: Props) {
       })
 
       const uploadId = await multipartUpload.create()
+      if (!uploadId) {
+        triggerErrorToast({
+          title: 'Error creating upload',
+          body: 'Failed to create upload',
+        })
+        return
+      }
       multipartUpload.setOnError((error) => {
         triggerErrorToast({
           title: 'Error uploading file',
@@ -159,11 +166,15 @@ export function useUploads({ activeDirectoryPath }: Props) {
       name: string
       uploadFile: File
     }) => {
-      const { uploadId, multipartUpload } = await createMultipartUpload({
+      const upload = await createMultipartUpload({
         path,
         bucket,
         uploadFile,
       })
+      if (!upload) {
+        return
+      }
+      const { uploadId, multipartUpload } = upload
       setUploadsMap((map) => ({
         ...map,
         [uploadId]: {
@@ -210,8 +221,11 @@ export function useUploads({ activeDirectoryPath }: Props) {
 
     const availableSlots = maxConcurrentUploads - activeUploads
 
-    // Start uploads if there are available slots and queued uploads
+    // Start uploads if there are available slots and queued uploads.
     queuedUploads.slice(0, availableSlots).forEach((upload) => {
+      if (!upload.upload) {
+        return
+      }
       startMultipartUpload({
         id: upload.id,
         upload: upload.upload,
@@ -223,7 +237,7 @@ export function useUploads({ activeDirectoryPath }: Props) {
   const uploadFiles = useCallback(
     (files: File[]) => {
       files.forEach((file) => {
-        // https://developer.mozilla.org/en-US/docs/Web/API/File
+        // @ts-expect-error: https://developer.mozilla.org/en-US/docs/Web/API/File
         // Documentation does not include `path` but all browsers populate it
         // with the relative path of the file. Whereas webkitRelativePath is
         // empty string in most browsers.
@@ -233,6 +247,13 @@ export function useUploads({ activeDirectoryPath }: Props) {
         const name = file.name
         const bucketName = getBucketFromPath(path)
         const bucket = buckets.data?.find((b) => b.name === bucketName)
+        if (!bucket) {
+          triggerErrorToast({
+            title: `Bucket not found`,
+            body: bucketName,
+          })
+          return
+        }
         if (uploadsMap[path]) {
           triggerErrorToast({
             title: `Already uploading file, aborting previous upload.`,
@@ -306,7 +327,7 @@ export function useUploads({ activeDirectoryPath }: Props) {
     [uploadsMap]
   )
 
-  // Abort local uploads when the browser tab is closed
+  // Abort local uploads when the browser tab is closed.
   useWarnActiveUploadsOnClose({ uploadsMap })
 
   return {
diff --git a/apps/renterd/contexts/hosts/columns.tsx b/apps/renterd/contexts/hosts/columns.tsx
index 567d19d84..f9744179d 100644
--- a/apps/renterd/contexts/hosts/columns.tsx
+++ b/apps/renterd/contexts/hosts/columns.tsx
@@ -218,11 +218,13 @@ export const columns: HostsTableColumn[] = (
       category: 'general',
       render: function LastScan({ data }) {
         const { workflows } = useWorkflows()
-        const isPending = workflows.find(
-          (wf: { path?: string; payload?: RhpScanPayload }) =>
-            wf.path.startsWith(workerRhpScanRoute) &&
-            wf.payload?.hostKey === data.publicKey
-        )
+        const isPending = workflows.find((w) => {
+          const rhpw = w as { path?: string; payload?: RhpScanPayload }
+          return (
+            rhpw.path?.startsWith(workerRhpScanRoute) &&
+            rhpw.payload?.hostKey === data.publicKey
+          )
+        })
         if (isPending) {
           return <LoadingDots />
         }
@@ -1090,7 +1092,8 @@ function makeRenderSc(section: 'priceTable' | 'settings', name: Key) {
       <ValueScFiat
         displayBoth
         size="12"
-        value={new BigNumber(data[section][name] || 0)}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        value={new BigNumber((data as any)[section][name] || 0)}
         fixedFiat={4}
         variant="value"
       />
@@ -1110,7 +1113,8 @@ function makeRenderNumber(
     return (
       <ValueNum
         size="12"
-        value={new BigNumber(data[section][name] || 0)}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        value={new BigNumber((data as any)[section][name] || 0)}
         variant="value"
         format={(v) =>
           humanNumber(v, {
@@ -1127,7 +1131,8 @@ function makeRenderString(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
-    return <ValueCopyable value={data[section][name]} size="12" />
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return <ValueCopyable value={(data as any)[section][name]} size="12" />
   }
 }
 
@@ -1136,9 +1141,11 @@ function makeRenderBytes(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const val = (data as any)[section][name]
     return (
       <Text size="12" weight="semibold" ellipsis>
-        {humanBytes(data[section][name])}
+        {humanBytes(val)}
       </Text>
     )
   }
@@ -1149,14 +1156,12 @@ function makeRenderBool(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const val = (data as any)[section][name]
     return (
       <div className="mt-[5px]">
-        <Text color={data[section][name] ? 'green' : 'red'}>
-          {data[section][name] ? (
-            <CheckboxCheckedFilled16 />
-          ) : (
-            <WarningSquareFilled16 />
-          )}
+        <Text color={val ? 'green' : 'red'}>
+          {val ? <CheckboxCheckedFilled16 /> : <WarningSquareFilled16 />}
         </Text>
       </div>
     )
diff --git a/apps/renterd/contexts/hosts/dataset.ts b/apps/renterd/contexts/hosts/dataset.ts
index e3a7ff918..a56da4705 100644
--- a/apps/renterd/contexts/hosts/dataset.ts
+++ b/apps/renterd/contexts/hosts/dataset.ts
@@ -22,7 +22,7 @@ export function useDataset({
   onHostSelect,
 }: {
   response: ReturnType<typeof useHosts>
-  autopilotID: string
+  autopilotID?: string
   allContracts: ContractData[]
   allowlist: ReturnType<typeof useHostsAllowlist>
   blocklist: ReturnType<typeof useHostsBlocklist>
@@ -30,25 +30,30 @@ export function useDataset({
   geoHosts: SiaCentralHost[]
   onHostSelect: (publicKey: string, location?: [number, number]) => void
 }) {
-  return useMemo<HostData[] | null>(() => {
-    return (
-      response.data?.map((host) => {
-        const sch = geoHosts.find((gh) => gh.public_key === host.publicKey)
-        return {
-          onClick: () => onHostSelect(host.publicKey, sch?.location),
-          ...getHostFields(host, allContracts),
-          ...getAllowedFields({
-            host,
-            allowlist: allowlist.data,
-            blocklist: blocklist.data,
-            isAllowlistActive,
-          }),
-          ...getAutopilotFields(host.checks?.[autopilotID]),
-          location: sch?.location,
-          countryCode: sch?.country_code,
-        }
-      }) || null
-    )
+  return useMemo<HostData[] | undefined>(() => {
+    const allow = allowlist.data
+    const block = blocklist.data
+    if (!response.data || !allow || !block) {
+      return undefined
+    }
+    return response.data.map((host) => {
+      const sch = geoHosts.find((gh) => gh.public_key === host.publicKey)
+      return {
+        onClick: () => onHostSelect(host.publicKey, sch?.location),
+        ...getHostFields(host, allContracts),
+        ...getAllowedFields({
+          host,
+          allowlist: allow,
+          blocklist: block,
+          isAllowlistActive,
+        }),
+        ...getAutopilotFields(
+          autopilotID ? host.checks?.[autopilotID] : undefined
+        ),
+        location: sch?.location,
+        countryCode: sch?.country_code,
+      }
+    })
   }, [
     onHostSelect,
     autopilotID,
@@ -69,13 +74,13 @@ function getHostFields(host: Host, allContracts: ContractData[]) {
     lastScanSuccess: host.interactions.lastScanSuccess,
     lastScan:
       host.interactions.lastScan === '0001-01-01T00:00:00Z'
-        ? null
+        ? undefined
         : host.interactions.lastScan,
     knownSince:
-      host.knownSince === '0001-01-01T00:00:00Z' ? null : host.knownSince,
+      host.knownSince === '0001-01-01T00:00:00Z' ? undefined : host.knownSince,
     lastAnnouncement:
       host.lastAnnouncement === '0001-01-01T00:00:00Z'
-        ? null
+        ? undefined
         : host.lastAnnouncement,
     uptime: new BigNumber(host.interactions.uptime || 0),
     downtime: new BigNumber(host.interactions.downtime || 0),
@@ -225,7 +230,7 @@ function getAutopilotFields(ahc?: {
             return acc.concat(getUnusableReasonLabel(key))
           }
           return acc
-        }, [])
+        }, [] as string[])
       : [],
   }
 }
diff --git a/apps/renterd/contexts/hosts/index.tsx b/apps/renterd/contexts/hosts/index.tsx
index 67eedd8a6..3371ef5fa 100644
--- a/apps/renterd/contexts/hosts/index.tsx
+++ b/apps/renterd/contexts/hosts/index.tsx
@@ -35,6 +35,7 @@ import { useContracts } from '../contracts'
 import { columns } from './columns'
 import { useDataset } from './dataset'
 import {
+  HostContext,
   HostDataWithLocation,
   TableColumnId,
   ViewMode,
@@ -52,7 +53,7 @@ function useHostsMain() {
     useServerFilters()
 
   const { dataset: allContracts } = useContracts()
-  const { autopilot } = useApp()
+  const { autopilot, isAutopilotEnabled } = useApp()
 
   const keyIn = useMemo(() => {
     let keyIn: string[] = []
@@ -60,8 +61,8 @@ function useHostsMain() {
       keyIn = allContracts.map((c) => c.hostKey)
     }
     const publicKeyEquals = filters.find((f) => f.id === 'publicKeyEquals')
-    if (publicKeyEquals) {
-      keyIn.push(publicKeyEquals?.value)
+    if (publicKeyEquals?.value) {
+      keyIn.push(publicKeyEquals.value)
     }
     return keyIn.length ? keyIn : undefined
   }, [filters, allContracts])
@@ -77,11 +78,15 @@ function useHostsMain() {
       addressContains: filters.find((f) => f.id === 'addressContains')?.value,
       keyIn,
     }
-    if (autopilot.state.data?.id) {
+    if (
+      isAutopilotEnabled &&
+      autopilot.state.data?.configured &&
+      autopilot.state.data?.id
+    ) {
       p.autopilotID = autopilot.state.data.id
     }
     return p
-  }, [autopilot.state.data?.id, filters, keyIn, limit, offset])
+  }, [autopilot.state.data, filters, isAutopilotEnabled, keyIn, limit, offset])
 
   const response = useHostsSearch({
     payload,
@@ -222,8 +227,8 @@ function useHostsMain() {
   const dataState = useDatasetEmptyState(dataset, isValidating, error, filters)
 
   const siascanUrl = useSiascanUrl()
-  const isAutopilotConfigured = autopilot.state.data?.configured
-  const tableContext = useMemo(
+  const isAutopilotConfigured = !!autopilot.state.data?.configured
+  const tableContext: HostContext = useMemo(
     () => ({
       isAutopilotConfigured,
       siascanUrl,
diff --git a/apps/renterd/contexts/hosts/types.tsx b/apps/renterd/contexts/hosts/types.tsx
index fcd4a6b77..5418cfbe5 100644
--- a/apps/renterd/contexts/hosts/types.tsx
+++ b/apps/renterd/contexts/hosts/types.tsx
@@ -12,9 +12,9 @@ export type HostData = {
   netAddress: string
   publicKey: string
   lastScanSuccess: boolean
-  lastScan: string
-  lastAnnouncement: string | null
-  knownSince: string | null
+  lastScan?: string
+  lastAnnouncement?: string
+  knownSince?: string
   uptime: BigNumber
   downtime: BigNumber
   successfulInteractions: BigNumber
@@ -52,7 +52,7 @@ export type HostData = {
   isGouging: boolean
   isUsable: boolean
   priceTable?: HostPriceTable
-  unusableReasons?: string[]
+  unusableReasons: string[]
   settings?: HostSettings
   activeContractsCount: BigNumber
   activeContracts: ContractData[]
diff --git a/apps/renterd/contexts/keys/columns.tsx b/apps/renterd/contexts/keys/columns.tsx
index c470a6a0d..aedf236e3 100644
--- a/apps/renterd/contexts/keys/columns.tsx
+++ b/apps/renterd/contexts/keys/columns.tsx
@@ -2,17 +2,7 @@ import { TableColumn, ValueCopyable } from '@siafoundation/design-system'
 import { KeyData, TableColumnId } from './types'
 import { KeyContextMenu } from '../../components/Keys/KeyContextMenu'
 
-type Context = {
-  currentHeight: number
-  defaultSet?: string
-  contractsTimeRange: {
-    startHeight: number
-    endHeight: number
-  }
-  siascanUrl: string
-}
-
-type KeysTableColumn = TableColumn<TableColumnId, KeyData, Context> & {
+type KeysTableColumn = TableColumn<TableColumnId, KeyData, never> & {
   fixed?: boolean
   category?: string
 }
diff --git a/apps/renterd/contexts/keys/index.tsx b/apps/renterd/contexts/keys/index.tsx
index 4d369e6f2..fc7339c36 100644
--- a/apps/renterd/contexts/keys/index.tsx
+++ b/apps/renterd/contexts/keys/index.tsx
@@ -30,9 +30,9 @@ function useKeysMain() {
     },
   })
 
-  const dataset = useMemo<KeyData[] | null>(() => {
+  const dataset = useMemo<KeyData[] | undefined>(() => {
     if (!response.data) {
-      return null
+      return undefined
     }
     const data: KeyData[] =
       Object.entries(response.data?.authentication.v4Keypairs || {}).map(
@@ -77,9 +77,9 @@ function useKeysMain() {
     sortDirection,
   })
 
-  const datasetPage = useMemo<KeyData[] | null>(() => {
+  const datasetPage = useMemo<KeyData[] | undefined>(() => {
     if (!datasetFiltered) {
-      return null
+      return undefined
     }
     return datasetFiltered.slice(offset, offset + limit)
   }, [datasetFiltered, offset, limit])
@@ -99,8 +99,6 @@ function useKeysMain() {
     filters
   )
 
-  const cellContext = useMemo(() => ({}), [])
-
   return {
     dataState,
     limit,
@@ -112,7 +110,6 @@ function useKeysMain() {
     datasetFilteredCount: datasetFiltered?.length || 0,
     columns: filteredTableColumns,
     dataset,
-    cellContext,
     datasetPage,
     configurableColumns,
     enabledColumns,
diff --git a/apps/renterd/contexts/transactions/index.tsx b/apps/renterd/contexts/transactions/index.tsx
index 0bda08d43..a9030b468 100644
--- a/apps/renterd/contexts/transactions/index.tsx
+++ b/apps/renterd/contexts/transactions/index.tsx
@@ -30,7 +30,7 @@ import {
 import BigNumber from 'bignumber.js'
 
 const defaultPageSize = 50
-const filters = []
+const filters = [] as string[]
 
 function useTransactionsMain() {
   const router = useRouter()
@@ -56,9 +56,9 @@ function useTransactionsMain() {
   })
 
   const syncStatus = useSyncStatus()
-  const dataset = useMemo<EventData[] | null>(() => {
+  const dataset = useMemo<EventData[] | undefined>(() => {
     if (!events.data || !pending.data) {
-      return null
+      return undefined
     }
     const dataPending: EventData[] = pending.data.map((e) => {
       const amountSc = calculateScValue(e)
diff --git a/apps/renterd/contexts/uploads/columns.tsx b/apps/renterd/contexts/uploads/columns.tsx
index 690c9b7b2..5bcb6f34b 100644
--- a/apps/renterd/contexts/uploads/columns.tsx
+++ b/apps/renterd/contexts/uploads/columns.tsx
@@ -49,7 +49,11 @@ export const columns: UploadsTableColumn[] = [
         )
       }
       return (
-        <TransferProgress loaded={loaded} size={size} status={uploadStatus} />
+        <TransferProgress
+          loaded={loaded || 0}
+          size={size}
+          status={uploadStatus}
+        />
       )
     },
   },
diff --git a/apps/renterd/contexts/uploads/index.tsx b/apps/renterd/contexts/uploads/index.tsx
index d9ef85d92..3a4068300 100644
--- a/apps/renterd/contexts/uploads/index.tsx
+++ b/apps/renterd/contexts/uploads/index.tsx
@@ -14,6 +14,7 @@ import { columns } from './columns'
 import { join, getFilename } from '../../lib/paths'
 import { useFilesManager } from '../filesManager'
 import { ObjectUploadData } from '../filesManager/types'
+import { MultipartUploadListUploadsPayload } from '@siafoundation/renterd-types'
 
 const defaultLimit = 50
 
@@ -27,25 +28,33 @@ function useUploadsMain() {
     useServerFilters()
 
   const apiBusUploadAbort = useMultipartUploadAbort()
-  const response = useMultipartUploadListUploads({
-    disabled: !activeBucket,
-    payload: {
+
+  const payload = useMemo(() => {
+    return {
       bucket: activeBucket?.name,
       uploadIDMarker: marker,
       limit,
-    },
+    }
+  }, [activeBucket, marker, limit])
+
+  const response = useMultipartUploadListUploads({
+    disabled: !activeBucket,
+    payload: payload as MultipartUploadListUploadsPayload,
   })
 
   const abortAll = useCallback(async () => {
+    if (!response.data?.uploads || !activeBucket?.name) {
+      return
+    }
     return Promise.all(
-      response.data?.uploads?.map(async (upload) => {
+      response.data.uploads.map(async (upload) => {
         const localUpload = uploadsMap[upload.uploadID]
         if (localUpload) {
           localUpload.uploadAbort?.()
         } else {
           await apiBusUploadAbort.post({
             payload: {
-              bucket: activeBucket?.name,
+              bucket: activeBucket.name,
               key: upload.key,
               uploadID: upload.uploadID,
             },
@@ -55,42 +64,41 @@ function useUploadsMain() {
     )
   }, [response.data, apiBusUploadAbort, activeBucket, uploadsMap])
 
-  const dataset: ObjectUploadData[] = useMemo(() => {
-    return (
-      response.data?.uploads?.map((upload) => {
-        const id = upload.uploadID
-        const name = getFilename(upload.key)
-        const fullPath = join(activeBucket?.name, upload.key)
-        const localUpload = uploadsMap[id]
-        if (localUpload) {
-          {
-            return localUpload
-          }
-        }
-        return {
-          id,
-          path: fullPath,
-          bucket: activeBucket,
-          name,
-          size: 1,
-          loaded: 1,
-          isUploading: true,
-          uploadStatus: 'uploading',
-          createdAt: upload.createdAt,
-          remote: true,
-          type: 'file',
-          uploadAbort: async () => {
-            await apiBusUploadAbort.post({
-              payload: {
-                bucket: activeBucket?.name,
-                key: upload.key,
-                uploadID: upload.uploadID,
-              },
-            })
-          },
-        }
-      }) || []
-    )
+  const dataset: ObjectUploadData[] | undefined = useMemo(() => {
+    if (!response.data?.uploads || !activeBucket?.name) {
+      return undefined
+    }
+    return response.data.uploads.map((upload) => {
+      const id = upload.uploadID
+      const name = getFilename(upload.key)
+      const fullPath = join(activeBucket.name, upload.key)
+      const localUpload = uploadsMap[id]
+      if (localUpload) {
+        return localUpload
+      }
+      return {
+        id,
+        path: fullPath,
+        bucket: activeBucket,
+        name,
+        size: 1,
+        loaded: 1,
+        isUploading: true,
+        uploadStatus: 'uploading',
+        createdAt: upload.createdAt,
+        remote: true,
+        type: 'file',
+        uploadAbort: async () => {
+          await apiBusUploadAbort.post({
+            payload: {
+              bucket: activeBucket?.name,
+              key: upload.key,
+              uploadID: upload.uploadID,
+            },
+          })
+        },
+      }
+    })
   }, [uploadsMap, activeBucket, response.data, apiBusUploadAbort])
 
   const {
@@ -133,7 +141,7 @@ function useUploadsMain() {
     dataState,
     limit,
     nextMarker: response.data?.nextUploadIDMarker,
-    hasMore: response.data?.hasMore,
+    hasMore: !!response.data?.hasMore,
     isLoading: response.isLoading,
     error: response.error,
     pageCount: dataset?.length || 0,
diff --git a/apps/renterd/dialogs/FileRenameDialog.tsx b/apps/renterd/dialogs/FileRenameDialog.tsx
index 3eed3b580..77603267a 100644
--- a/apps/renterd/dialogs/FileRenameDialog.tsx
+++ b/apps/renterd/dialogs/FileRenameDialog.tsx
@@ -83,6 +83,9 @@ export function FileRenameDialog({ trigger, open, onOpenChange }: Props) {
 
   const onValid = useCallback(
     async (values: Values) => {
+      if (!originalPath) {
+        return
+      }
       const { bucket, to, from, mode } = getRenameFileRenameParams(
         originalPath,
         values.name
diff --git a/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx b/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
index 44274af6a..c85064e9d 100644
--- a/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
+++ b/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
@@ -21,7 +21,7 @@ const defaultValues = {
 
 type Values = typeof defaultValues
 
-function getFields(name: string): ConfigFields<Values, never> {
+function getFields(name?: string): ConfigFields<Values, never> {
   return {
     name: {
       type: 'text',
diff --git a/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx b/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
index b48521dba..b1b04e905 100644
--- a/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
+++ b/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
@@ -12,12 +12,16 @@ import { useCallback, useEffect, useMemo } from 'react'
 import { useForm } from 'react-hook-form'
 import { useDialog } from '../contexts/dialog'
 import { useBucket, useBucketPolicyUpdate } from '@siafoundation/renterd-react'
+import {
+  BucketParams,
+  BucketPolicyUpdateParams,
+} from '@siafoundation/renterd-types'
 
 const defaultValues = {
   visibility: 'public',
 }
 
-function getFields(name: string): ConfigFields<typeof defaultValues, never> {
+function getFields(name?: string): ConfigFields<typeof defaultValues, never> {
   return {
     visibility: {
       type: 'text',
@@ -56,7 +60,7 @@ export function FilesBucketPolicyDialog({
     disabled: !open,
     params: {
       name: name,
-    },
+    } as BucketParams,
     config: {
       swr: {
         revalidateOnFocus: false,
@@ -81,7 +85,7 @@ export function FilesBucketPolicyDialog({
       const response = await policyUpdate.put({
         params: {
           name,
-        },
+        } as BucketPolicyUpdateParams,
         payload: {
           policy: {
             publicReadAccess: values.visibility === 'public',
diff --git a/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx b/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
index 76971f9b6..35f38e5ec 100644
--- a/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
+++ b/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
@@ -41,6 +41,7 @@ export function FilesCreateDirectoryDialog({
         params: bucketAndKeyParamsFromPath(
           activeDirectoryPath + values.name + '/'
         ),
+        // @ts-expect-error TODO: fix types
         payload: null,
       })
       if (response.error) {
diff --git a/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx b/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
index aee416982..b73716196 100644
--- a/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
+++ b/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
@@ -20,7 +20,7 @@ export function RenterdSendSiacoinDialog() {
       recommendedFee.data
         ? // This is the same estimated fee calculation that happens in the daemon.
           new BigNumber(recommendedFee.data).times(standardTxnSize)
-        : undefined,
+        : new BigNumber(0),
     [recommendedFee.data]
   )
 
diff --git a/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx b/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
index 256a2f611..06d9d48eb 100644
--- a/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
+++ b/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
@@ -9,7 +9,7 @@ export function RenterdTransactionDetailsDialog() {
   // TODO: add transaction endpoint
   const { dataset } = useTransactions()
   const transaction = useMemo(() => {
-    return dataset?.find((t) => t['hash'] === id)
+    return dataset?.find((t) => t.id === id)
   }, [dataset, id])
 
   return (
diff --git a/apps/renterd/hooks/useHealthLabel.tsx b/apps/renterd/hooks/useHealthLabel.tsx
index a35b7b19b..d57c9c10c 100644
--- a/apps/renterd/hooks/useHealthLabel.tsx
+++ b/apps/renterd/hooks/useHealthLabel.tsx
@@ -12,11 +12,11 @@ export const healthThresholds = {
 }
 
 export function useHealthLabel({
-  health,
+  health = 0,
   size,
   isDirectory,
 }: {
-  health: number
+  health?: number
   size: number
   isDirectory: boolean
 }) {
diff --git a/apps/renterd/hooks/useSyncStatus.ts b/apps/renterd/hooks/useSyncStatus.ts
index 053d65309..4c9c042b4 100644
--- a/apps/renterd/hooks/useSyncStatus.ts
+++ b/apps/renterd/hooks/useSyncStatus.ts
@@ -22,7 +22,7 @@ export function useSyncStatus() {
     config: {
       swr: {
         refreshInterval: (data) =>
-          data?.scanHeight >= nodeBlockHeight
+          data?.scanHeight && data.scanHeight >= nodeBlockHeight
             ? secondsInMilliseconds(60)
             : secondsInMilliseconds(10),
       },
@@ -56,9 +56,12 @@ export function useSyncStatus() {
       : false
 
   return {
-    isSynced: state.data?.synced,
-    isWalletSynced:
-      state.data?.synced && wallet.data?.scanHeight >= nodeBlockHeight - 1,
+    isSynced: !!state.data?.synced,
+    isWalletSynced: !!(
+      state.data?.synced &&
+      wallet.data?.scanHeight &&
+      wallet.data.scanHeight >= nodeBlockHeight - 1
+    ),
     nodeBlockHeight,
     estimatedBlockHeight,
     syncPercent,
diff --git a/apps/renterd/lib/health.ts b/apps/renterd/lib/health.ts
index 732921f62..810526ef9 100644
--- a/apps/renterd/lib/health.ts
+++ b/apps/renterd/lib/health.ts
@@ -9,11 +9,11 @@ export function getObjectHealth(
   slabs: SlabHealthStats[]
   health: number
 } {
-  const slabHealths = []
+  const slabHealths: SlabHealthStats[] = []
   obj.slabs?.forEach((sl, index) => {
     slabHealths.push(getSlabHealthStats(sl, contracts, String(index)))
   })
-  const health = min(slabHealths.map((s) => s.health))
+  const health = min(slabHealths.map((s) => s.health)) as number
   return {
     health,
     slabs: slabHealths,
diff --git a/apps/renterd/lib/multipartUpload.spec.ts b/apps/renterd/lib/multipartUpload.spec.ts
index 53c49c381..d3da446cf 100644
--- a/apps/renterd/lib/multipartUpload.spec.ts
+++ b/apps/renterd/lib/multipartUpload.spec.ts
@@ -4,6 +4,7 @@ import {
   MultipartParams,
   MultipartUpload,
 } from './multipartUpload'
+import { AxiosResponseHeaders } from 'axios'
 
 describe('MultipartUpload', () => {
   it('should report progress and complete with serial parts', async () => {
@@ -20,11 +21,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(20)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 20, 5],
       [2, 20, 10],
@@ -84,11 +87,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(20)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 20, 5],
       [2, 20, 10],
@@ -158,11 +163,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(11)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 6, 17], // call 0
       [2, 6, 33],
@@ -217,11 +224,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(4)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 6, 17], // call 0
       [2, 6, 33],
@@ -353,11 +362,16 @@ function buildMockApiWorkerUploadPart({
           } else {
             if (loaded >= partSize) {
               clearInterval(intervalId)
+
+              const headers: AxiosResponseHeaders = {
+                etag: eTag,
+              }
+              if (failure?.type === 'missingEtag') {
+                delete headers.etag
+              }
               resolve({
                 status: 200,
-                headers: {
-                  etag: failure?.type === 'missingEtag' ? undefined : eTag,
-                },
+                headers,
               })
             }
             partIndex++
diff --git a/apps/renterd/lib/multipartUpload.ts b/apps/renterd/lib/multipartUpload.ts
index c3d13496a..f89091e47 100644
--- a/apps/renterd/lib/multipartUpload.ts
+++ b/apps/renterd/lib/multipartUpload.ts
@@ -6,6 +6,11 @@ import {
   useMultipartUploadComplete,
   useMultipartUploadCreate,
 } from '@siafoundation/renterd-react'
+import {
+  MultipartUploadAbortPayload,
+  MultipartUploadCompletePayload,
+  MultipartUploadPartParams,
+} from '@siafoundation/renterd-types'
 
 type ApiWorkerUploadPart = ReturnType<typeof useMultipartUploadPart>
 type ApiBusUploadComplete = ReturnType<typeof useMultipartUploadComplete>
@@ -60,12 +65,12 @@ export class MultipartUpload {
   #onComplete: () => void
 
   // state
-  #resolve: () => void
+  #resolve: () => void = () => null
   #progressCache: Record<number, number>
   #activeConnections: Record<number, AbortController>
   #pendingPartNumbers: number[]
   #uploadedParts: UploadedPart[]
-  #uploadId: string
+  #uploadId?: string
   #aborted: boolean
   // error retry backoff
   #initialDelay = 500 // 1/2 second
@@ -89,7 +94,7 @@ export class MultipartUpload {
     this.#activeConnections = {}
     this.#pendingPartNumbers = []
     this.#uploadedParts = []
-    this.#uploadId = null
+    this.#uploadId = undefined
     this.#aborted = false
   }
 
@@ -102,14 +107,17 @@ export class MultipartUpload {
       payload: createPayload,
     })
 
-    this.#uploadId = response.data?.uploadID
+    if (response.data?.uploadID) {
+      this.#uploadId = response.data.uploadID
 
-    const partCount = Math.ceil(this.#file.size / this.#partSize)
-    this.#pendingPartNumbers = Array.from(
-      { length: partCount },
-      (_, i) => i + 1
-    )
-    return this.#uploadId
+      const partCount = Math.ceil(this.#file.size / this.#partSize)
+      this.#pendingPartNumbers = Array.from(
+        { length: partCount },
+        (_, i) => i + 1
+      )
+      return this.#uploadId
+    }
+    return undefined
   }
 
   public async start() {
@@ -134,10 +142,13 @@ export class MultipartUpload {
           bucket: this.#bucket,
           key: this.#key,
           uploadID: this.#uploadId,
-        },
+        } as MultipartUploadAbortPayload,
       })
     } catch (e) {
-      triggerErrorToast({ title: 'Error aborting upload', body: e.message })
+      triggerErrorToast({
+        title: 'Error aborting upload',
+        body: (e as Error).message,
+      })
     }
     this.#resolve?.()
   }
@@ -180,6 +191,9 @@ export class MultipartUpload {
     }
 
     const partNumber = this.#pendingPartNumbers.pop()
+    if (!partNumber) {
+      return
+    }
     const partIndex = partNumber - 1
     const partOffset = partIndex * this.#partSize
     const partData = this.#file.slice(partOffset, partOffset + this.#partSize)
@@ -237,13 +251,13 @@ export class MultipartUpload {
         key: this.#key,
         uploadID: this.#uploadId,
         parts: this.#uploadedParts.sort((a, b) => a.partNumber - b.partNumber),
-      }
+      } as MultipartUploadCompletePayload
       await this.#api.busUploadComplete.post({
         payload: payload,
       })
       this.#onComplete()
     } catch (error) {
-      this.#onError(error)
+      this.#onError(error as Error)
     }
     this.#resolve()
   }
@@ -284,7 +298,7 @@ export class MultipartUpload {
           uploadid: this.#uploadId,
           offset: partOffset,
           partnumber: partNumber,
-        },
+        } as MultipartUploadPartParams,
         payload: partData,
         config: {
           axios: {
@@ -302,7 +316,7 @@ export class MultipartUpload {
         throw new Error(response.error)
       }
 
-      const eTag = response.headers['etag']
+      const eTag = response.headers?.['etag']
       if (!eTag) {
         throw new ErrorNoETag()
       }
@@ -315,7 +329,6 @@ export class MultipartUpload {
 
       this.#uploadedParts.push(uploadedPart)
     } finally {
-      this.#activeConnections[partNumber] = null
       delete this.#activeConnections[partNumber]
     }
   }
diff --git a/apps/renterd/lib/rename.ts b/apps/renterd/lib/rename.ts
index 7fcd03acb..e38e4953b 100644
--- a/apps/renterd/lib/rename.ts
+++ b/apps/renterd/lib/rename.ts
@@ -15,12 +15,12 @@ type Id = string | number
 
 // Parameters for moving a directory or file to drag destination
 export function getMoveFileRenameParams(
-  e: { active: { id: Id }; collisions: { id: Id }[] },
+  e: { active: { id: Id }; collisions: { id: Id }[] | null },
   activeDirectory: FullPathSegments
 ) {
   const fromPath = String(e.active.id)
   let toPath = pathSegmentsToPath(activeDirectory)
-  if (e.collisions.length) {
+  if (e.collisions?.length) {
     if (e.collisions[0].id === '..') {
       toPath = pathSegmentsToPath(activeDirectory.slice(0, -1))
     } else {
diff --git a/apps/renterd/tsconfig.json b/apps/renterd/tsconfig.json
index cadb8cda7..d87546f36 100644
--- a/apps/renterd/tsconfig.json
+++ b/apps/renterd/tsconfig.json
@@ -5,7 +5,7 @@
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": false,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "resolveJsonModule": true,
diff --git a/libs/design-system/src/app/TransactionDetailsDialog.tsx b/libs/design-system/src/app/TransactionDetailsDialog.tsx
index f89f1bac4..bfa5588ef 100644
--- a/libs/design-system/src/app/TransactionDetailsDialog.tsx
+++ b/libs/design-system/src/app/TransactionDetailsDialog.tsx
@@ -9,7 +9,7 @@ import { Transaction } from '@siafoundation/types'
 import { upperFirst } from '@technically/lodash'
 
 type Props = {
-  id: string
+  id?: string
   transaction?: {
     txType: TxType
     inflow?: string
@@ -35,7 +35,7 @@ export function TransactionDetailsDialog({
         transaction?.txType
           ? upperFirst(getTxTypeLabel(transaction.txType))
           : 'Transaction',
-        id,
+        id || '',
         16
       )}
       trigger={trigger}
diff --git a/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx b/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
index a67d10e9c..b0e10f2d3 100644
--- a/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
+++ b/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
@@ -4,7 +4,7 @@ import { getTitleId, stripPrefix } from '../lib/utils'
 import { Dialog } from '../core/Dialog'
 
 type Props = {
-  address: string
+  address?: string
   isValidating: boolean
   trigger?: React.ReactNode
   open: boolean
@@ -20,7 +20,7 @@ export function WalletSingleAddressDetailsDialog({
 }: Props) {
   return (
     <Dialog
-      title={getTitleId('Address', stripPrefix(address) || '', 16)}
+      title={getTitleId('Address', stripPrefix(address || '') || '', 16)}
       trigger={trigger}
       open={open}
       onOpenChange={onOpenChange}
diff --git a/libs/design-system/src/components/Table/TableRow.tsx b/libs/design-system/src/components/Table/TableRow.tsx
index 9a3e024da..b1b21acfa 100644
--- a/libs/design-system/src/components/Table/TableRow.tsx
+++ b/libs/design-system/src/components/Table/TableRow.tsx
@@ -18,7 +18,7 @@ type Data = {
 
 export type Row<Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
 }
 
 export type TableColumn<Columns, Data, Context> = {
@@ -36,7 +36,7 @@ export type TableColumn<Columns, Data, Context> = {
 
 type Props<Columns extends string, Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
   columns: TableColumn<Columns, Data, Context>[]
   rowSize?: 'dense' | 'default' | 'auto'
   focusId?: string
diff --git a/libs/design-system/src/components/Table/index.tsx b/libs/design-system/src/components/Table/index.tsx
index b28f7926c..c79ace26e 100644
--- a/libs/design-system/src/components/Table/index.tsx
+++ b/libs/design-system/src/components/Table/index.tsx
@@ -35,7 +35,7 @@ type Data = {
 
 export type Row<Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
 }
 
 export type TableColumn<Columns, Data, Context> = {
@@ -49,7 +49,7 @@ export type TableColumn<Columns, Data, Context> = {
   rowCellClassName?: string
   rowContentClassName?: string
   render: React.FC<Row<Data, Context>>
-  summary?: React.FC<{ context?: Context }>
+  summary?: React.FC<{ context: Context }>
 }
 
 type Props<
@@ -88,7 +88,7 @@ export function Table<
 >({
   columns,
   data,
-  context,
+  context = {} as Context,
   sortField,
   sortDirection,
   sortableColumns,
diff --git a/libs/design-system/src/form/FieldFiat.tsx b/libs/design-system/src/form/FieldFiat.tsx
index 380603fb3..7d8917629 100644
--- a/libs/design-system/src/form/FieldFiat.tsx
+++ b/libs/design-system/src/form/FieldFiat.tsx
@@ -2,7 +2,11 @@ import { NumberField } from '../core/NumberField'
 import BigNumber from 'bignumber.js'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import { ChartArea16 } from '@siafoundation/react-icons'
 import { Panel } from '../core/Panel'
 import { Text } from '../core/Text'
@@ -47,7 +51,7 @@ export function FieldFiat<
     () => currencyOptions.find((c) => c.id === currency),
     [currency]
   )
-  const changed = form.formState.dirtyFields[name]
+  const changed = getFormStateFieldBoolean(form.formState.dirtyFields, name)
   const el = (
     <div
       className={cx(
diff --git a/libs/design-system/src/form/FieldNumber.tsx b/libs/design-system/src/form/FieldNumber.tsx
index 9b06bbc0a..91b024ddd 100644
--- a/libs/design-system/src/form/FieldNumber.tsx
+++ b/libs/design-system/src/form/FieldNumber.tsx
@@ -2,7 +2,11 @@ import { NumberField } from '../core/NumberField'
 import BigNumber from 'bignumber.js'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import { useMemo } from 'react'
 
 export function FieldNumber<
@@ -60,7 +64,7 @@ export function FieldNumber<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/FieldSelect.tsx b/libs/design-system/src/form/FieldSelect.tsx
index 3928d730f..8fabfd615 100644
--- a/libs/design-system/src/form/FieldSelect.tsx
+++ b/libs/design-system/src/form/FieldSelect.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { Option, Select } from '../core/Select'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 type Option = {
   value: string
@@ -37,7 +41,7 @@ export function FieldSelect<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/FieldSiacoin.tsx b/libs/design-system/src/form/FieldSiacoin.tsx
index 67ffe4d5f..d4b470360 100644
--- a/libs/design-system/src/form/FieldSiacoin.tsx
+++ b/libs/design-system/src/form/FieldSiacoin.tsx
@@ -1,7 +1,11 @@
 import { SiacoinField } from '../core/SiacoinField'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import BigNumber from 'bignumber.js'
 import { useMemo } from 'react'
 
@@ -55,7 +59,7 @@ export function FieldSiacoin<
       decimalsLimitFiat={decimalsLimitFiat}
       readOnly={field.readOnly}
       error={error}
-      changed={form.formState.dirtyFields[name]}
+      changed={getFormStateFieldBoolean(form.formState.dirtyFields, name)}
       placeholder={placeholder}
       onChange={(val) => {
         setValue(val as PathValue<Values, Path<Values>>, true)
diff --git a/libs/design-system/src/form/FieldSwitch.tsx b/libs/design-system/src/form/FieldSwitch.tsx
index 086529cac..b76a3a658 100644
--- a/libs/design-system/src/form/FieldSwitch.tsx
+++ b/libs/design-system/src/form/FieldSwitch.tsx
@@ -1,7 +1,11 @@
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { Switch } from '../core/Switch'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldSwitch<
   Values extends FieldValues,
@@ -38,7 +42,7 @@ export function FieldSwitch<
         state={
           error
             ? 'invalid'
-            : form.formState.dirtyFields[name]
+            : getFormStateFieldBoolean(form.formState.dirtyFields, name)
             ? 'valid'
             : 'default'
         }
diff --git a/libs/design-system/src/form/FieldText.tsx b/libs/design-system/src/form/FieldText.tsx
index bc5ca6c9c..0d62dfeec 100644
--- a/libs/design-system/src/form/FieldText.tsx
+++ b/libs/design-system/src/form/FieldText.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { TextField } from '../core/TextField'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldText<
   Values extends FieldValues,
@@ -48,7 +52,7 @@ export function FieldText<
         state
           ? error
             ? 'invalid'
-            : form.formState.dirtyFields[name]
+            : getFormStateFieldBoolean(form.formState.dirtyFields, name)
             ? 'valid'
             : 'default'
           : 'default'
diff --git a/libs/design-system/src/form/FieldTextArea.tsx b/libs/design-system/src/form/FieldTextArea.tsx
index 3ff735ac9..e8e43442a 100644
--- a/libs/design-system/src/form/FieldTextArea.tsx
+++ b/libs/design-system/src/form/FieldTextArea.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { TextArea } from '../core/TextArea'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldTextArea<
   Values extends FieldValues,
@@ -32,7 +36,7 @@ export function FieldTextArea<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/configurationFields.ts b/libs/design-system/src/form/configurationFields.ts
index 28d042723..7192a79aa 100644
--- a/libs/design-system/src/form/configurationFields.ts
+++ b/libs/design-system/src/form/configurationFields.ts
@@ -2,15 +2,28 @@ import BigNumber from 'bignumber.js'
 import { entries } from '@technically/lodash'
 import React, { MouseEvent, useCallback } from 'react'
 import {
+  DeepMap,
+  DeepPartial,
   FieldErrors,
   FieldValues,
   Path,
   PathValue,
-  RegisterOptions,
+  ValidationRule,
   UseFormReturn,
+  Message,
 } from 'react-hook-form'
 import { triggerErrorToast } from '../lib/toast'
 
+type Validate<Values extends FieldValues> = (
+  // Unable to figure out how to get ConfigFields to infer the type.
+  // Making it any so the caller can specify the type.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  value: any,
+  values: Values
+) => boolean | string
+
+type ValidateMap<Values extends FieldValues> = Record<string, Validate<Values>>
+
 export type ConfigField<
   Values extends FieldValues,
   Categories extends string
@@ -65,7 +78,15 @@ export type ConfigField<
 
   show?: (values: Values) => boolean
 
-  validation: RegisterOptions<Values>
+  validation: {
+    required?: Message | ValidationRule<boolean>
+    min?: ValidationRule<number | string>
+    max?: ValidationRule<number | string>
+    maxLength?: ValidationRule<number>
+    minLength?: ValidationRule<number>
+    validate?: ValidateMap<Values> | Validate<Values>
+  }
+
   trigger?: Path<Values>[]
 
   // other
@@ -92,7 +113,8 @@ export function useRegisterForm<
 }) {
   const value = form.watch(name)
   const error =
-    form.formState.touchedFields[name] && !!form.formState.errors[name]
+    getFormStateFieldBoolean(form.formState.touchedFields, name) &&
+    !!form.formState.errors[name]
 
   // Do not memoize this register call, for an unknown reason it sometimes
   // causes form updates to stop working.
@@ -184,3 +206,11 @@ export function shouldShowField<
   const field = fields[name]
   return !field.hidden && (!field.show || field.show(form.getValues()))
 }
+
+// Helper method that works around some TypeScript issues with key access.
+export function getFormStateFieldBoolean<Values>(
+  map: Partial<Readonly<DeepMap<DeepPartial<Values>, boolean>>>,
+  name: string
+) {
+  return (map as Record<string, boolean>)[name]
+}
diff --git a/libs/design-system/src/hooks/useClientFilteredDataset.ts b/libs/design-system/src/hooks/useClientFilteredDataset.ts
index f53267c43..b69d7c63d 100644
--- a/libs/design-system/src/hooks/useClientFilteredDataset.ts
+++ b/libs/design-system/src/hooks/useClientFilteredDataset.ts
@@ -12,7 +12,7 @@ type DatumValue =
   | object
 
 type Props<Datum extends Record<string, DatumValue>> = {
-  dataset: Datum[] | null
+  dataset: Datum[] | undefined
   filters: ClientFilterItem<Datum>[]
   sortField: string
   sortDirection: 'asc' | 'desc'
@@ -21,9 +21,9 @@ type Props<Datum extends Record<string, DatumValue>> = {
 export function useClientFilteredDataset<
   Datum extends Record<string, DatumValue>
 >({ dataset, filters, sortField, sortDirection }: Props<Datum>) {
-  return useMemo<Datum[] | null>(() => {
+  return useMemo<Datum[] | undefined>(() => {
     if (!dataset) {
-      return null
+      return undefined
     }
     const filterList = Object.entries(filters).map(([_, f]) => f)
     let data = filterList.length
diff --git a/libs/design-system/src/hooks/useSiacoinFiat.tsx b/libs/design-system/src/hooks/useSiacoinFiat.tsx
index 8fe87dd2b..239720e78 100644
--- a/libs/design-system/src/hooks/useSiacoinFiat.tsx
+++ b/libs/design-system/src/hooks/useSiacoinFiat.tsx
@@ -7,23 +7,25 @@ import { useMemo } from 'react'
 import BigNumber from 'bignumber.js'
 
 type Props = {
-  sc: BigNumber
+  sc?: BigNumber
 }
 
-export function useSiacoinFiat({ sc }: Props): {
-  fiat?: BigNumber
-  currency?: CurrencyOption
-} {
+export function useSiacoinFiat({ sc }: Props):
+  | {
+      fiat: BigNumber
+      currency: CurrencyOption
+    }
+  | Record<string, never> {
   const { settings } = useAppSettings()
   const exchangeRate = useExchangeRate({
     currency: settings.currency.id,
   })
   const fiat = useMemo(
-    () => new BigNumber(sc).times(exchangeRate.rate || 1),
+    () => new BigNumber(sc || 0).times(exchangeRate.rate || 1),
     [sc, exchangeRate]
   )
 
-  if (!exchangeRate.rate || exchangeRate.rate.isZero()) {
+  if (!sc || !exchangeRate.rate || exchangeRate.rate.isZero()) {
     return {}
   }
 
diff --git a/libs/design-system/src/index.ts b/libs/design-system/src/index.ts
index 751653aa3..a2f32d054 100644
--- a/libs/design-system/src/index.ts
+++ b/libs/design-system/src/index.ts
@@ -186,3 +186,4 @@ export * from './lib/countryEmoji'
 export * from './lib/nodeToImage'
 export * from './lib/colors'
 export * from './lib/object'
+export type * from './lib/types'
diff --git a/libs/design-system/src/lib/object.ts b/libs/design-system/src/lib/object.ts
index 890e36582..cd1ec9f54 100644
--- a/libs/design-system/src/lib/object.ts
+++ b/libs/design-system/src/lib/object.ts
@@ -1,6 +1,4 @@
-type ObjectEntries<T> = {
-  [K in keyof T]: [K, T[K]]
-}[keyof T][]
+type ObjectEntries<T extends object> = Array<[keyof T, T[keyof T]]>
 
 export function objectEntries<T extends object>(obj: T): ObjectEntries<T> {
   return Object.entries(obj) as ObjectEntries<T>
diff --git a/libs/design-system/src/lib/types.ts b/libs/design-system/src/lib/types.ts
new file mode 100644
index 000000000..4ada1062b
--- /dev/null
+++ b/libs/design-system/src/lib/types.ts
@@ -0,0 +1,5 @@
+export type Maybe<T> = T | undefined
+
+export type NoUndefined<T> = {
+  [K in keyof T]: Exclude<T[K], undefined>
+}
diff --git a/libs/units/src/events.ts b/libs/units/src/events.ts
index c35b194b2..55b8c09b1 100644
--- a/libs/units/src/events.ts
+++ b/libs/units/src/events.ts
@@ -25,7 +25,7 @@ export function getEventContractId(e: WalletEvent) {
   return undefined
 }
 
-export function getEventTxType(e: WalletEvent): TxType | undefined {
+export function getEventTxType(e: WalletEvent): TxType {
   const eventType = e.type
   if (eventType === 'v1Transaction') {
     return getTransactionType(e.data.transaction)
diff --git a/libs/units/src/storage.ts b/libs/units/src/storage.ts
index 60fa4a5ca..e94c85b98 100644
--- a/libs/units/src/storage.ts
+++ b/libs/units/src/storage.ts
@@ -89,8 +89,8 @@ export function getRemainingStorage(host: SiaCentralHost) {
 }
 
 export function getRedundancyMultiplier(
-  minShards: BigNumber,
-  totalShards: BigNumber
+  minShards?: BigNumber,
+  totalShards?: BigNumber
 ): BigNumber {
   let redundancyMult = new BigNumber(1)
   const canCalcRedundancy =
@@ -114,15 +114,15 @@ export function calculateEstimatedSpending({
   uploadTBMonth,
   redundancyMultiplier,
 }: {
-  maxStoragePriceTBMonth: BigNumber
-  maxDownloadPriceTB: BigNumber
-  maxUploadPriceTB: BigNumber
-  storageTB: BigNumber
-  downloadTBMonth: BigNumber
-  uploadTBMonth: BigNumber
-  redundancyMultiplier: BigNumber
+  maxStoragePriceTBMonth?: BigNumber
+  maxDownloadPriceTB?: BigNumber
+  maxUploadPriceTB?: BigNumber
+  storageTB?: BigNumber
+  downloadTBMonth?: BigNumber
+  uploadTBMonth?: BigNumber
+  redundancyMultiplier?: BigNumber
 }) {
-  // Return null if zero or negative values are provided.
+  // Return undefined if zero or negative values are provided.
   if (
     !maxStoragePriceTBMonth?.gt(0) ||
     !maxDownloadPriceTB?.gt(0) ||
@@ -132,7 +132,7 @@ export function calculateEstimatedSpending({
     !downloadTBMonth?.gt(0) ||
     !uploadTBMonth?.gt(0)
   ) {
-    return null
+    return undefined
   }
 
   const storageTBWithRedundancy = storageTB.times(redundancyMultiplier)
diff --git a/libs/units/src/transactionTypes.ts b/libs/units/src/transactionTypes.ts
index 294f4252b..81eca3363 100644
--- a/libs/units/src/transactionTypes.ts
+++ b/libs/units/src/transactionTypes.ts
@@ -18,8 +18,9 @@ export type TxType =
   | 'siafundClaim'
   | 'foundationSubsidy'
   | 'hostAnnouncement'
+  | 'unknown'
 
-export function getTransactionType(txn: Transaction): TxType | undefined {
+export function getTransactionType(txn: Transaction): TxType {
   if (txn.storageProofs && txn.storageProofs.length > 0) {
     return 'storageProof'
   }
@@ -51,10 +52,10 @@ export function getTransactionType(txn: Transaction): TxType | undefined {
     return 'siacoin'
   }
 
-  return undefined
+  return 'unknown'
 }
 
-export function getV2TransactionType(txn: V2Transaction): TxType | undefined {
+export function getV2TransactionType(txn: V2Transaction): TxType {
   if (txn.fileContractResolutions && txn.fileContractResolutions.length > 0) {
     const mapping: Record<V2FileContractResolutionType['type'], TxType> = {
       expiration: 'contractExpiration',
@@ -81,7 +82,7 @@ export function getV2TransactionType(txn: V2Transaction): TxType | undefined {
     return 'siacoin'
   }
 
-  return undefined
+  return 'unknown'
 }
 
 const txTypeMap: Record<TxType, string> = {
@@ -98,6 +99,7 @@ const txTypeMap: Record<TxType, string> = {
   siafundClaim: 'siafund claim',
   foundationSubsidy: 'foundation subsidy',
   hostAnnouncement: 'host announcement',
+  unknown: 'unknown transaction type',
 }
 export function getTxTypeLabel(type?: TxType): string | undefined {
   return type ? txTypeMap[type] : undefined