extra overloads

Author: paula-stacho

packages/compass-components/src/hooks/use-formatted-date.tsx

@@ -2,7 +2,9 @@ import { formatDate } from '../utils/format-date';
 
 import { useState, useEffect } from 'react';
 
+export function useFormattedDate(timestamp: undefined): undefined;
 export function useFormattedDate(timestamp: number): string;
+export function useFormattedDate(timestamp?: number): string | undefined;
 export function useFormattedDate(timestamp?: number): string | undefined {
   const [formattedDate, setFormattedDate] = useState(() =>
     typeof timestamp === 'number' ? formatDate(timestamp) : undefined

packages/compass-data-modeling/src/components/diagram-card.tsx

@@ -88,7 +88,7 @@ export function DiagramCard({
 }) {
   const darkmode = useDarkMode();
   // the hook does support undefined, but the function overload is somehow not transferred here
-  const formattedDate = useFormattedDate(diagram.lastModified as number);
+  const formattedDate = useFormattedDate(diagram.lastModified);
   return (
     <Card
       className={diagramCardStyles}