upgrade date-fns thru major version, update calls accordingly

app/util/date.ts

@@ -5,7 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import { formatDistanceToNowStrict } from 'date-fns'
+import { formatDistanceToNowStrict, type FormatDistanceToNowStrictOptions } from 'date-fns'
 
 // locale setup and formatDistance function copied from here and modified
 // https://github.com/date-fns/date-fns/blob/56a3856/src/locale/en-US/_lib/formatDistance/index.js
@@ -29,21 +29,16 @@ const formatDistanceLocale = {
   almostXYears: '~ {{count}}y',
 }
 
-interface Options {
-  addSuffix: boolean
-}
-
-function formatDistance(
-  token: keyof typeof formatDistanceLocale,
-  count: string,
-  options: Options
-) {
-  const result = formatDistanceLocale[token]?.replace('{{count}}', count)
-  if (result && options.addSuffix) {
-    return result + ' ago'
-  }
-  return result
-}
-
-export const timeAgoAbbr = (d: Date, options: Options = { addSuffix: false }) =>
-  formatDistanceToNowStrict(d, { ...options, locale: { formatDistance } })
+export const timeAgoAbbr = (d: Date, options?: FormatDistanceToNowStrictOptions) =>
+  formatDistanceToNowStrict(d, {
+    ...options,
+    locale: {
+      formatDistance: (token, count, options) => {
+        const result = formatDistanceLocale[token]?.replace('{{count}}', count.toString())
+        if (result && options?.addSuffix) {
+          return result + ' ago'
+        }
+        return result
+      },
+    },
+  })

package.json

@@ -45,7 +45,7 @@
     "@tanstack/react-query-devtools": "^5.17.4",
     "@tanstack/react-table": "^8.11.3",
     "classnames": "^2.5.1",
-    "date-fns": "^2.30.0",
+    "date-fns": "^3.3.1",
     "filesize": "^10.1.0",
     "lodash.throttle": "^4.1.1",
     "match-sorter": "^6.3.1",