fix: bad component started date (#607)

percona · Aug 23, 2024 · fc6a2a9 · fc6a2a9
1 parent 65e5cc6
commit fc6a2a9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ui/apps/everest/src/pages/db-cluster-details/components/components.tsx b/ui/apps/everest/src/pages/db-cluster-details/components/components.tsx
@@ -21,7 +21,7 @@ import { Table } from '@percona/ui-lib';
 import { MRT_ColumnDef } from 'material-react-table';
 import { DBClusterComponent } from 'shared-types/components.types';
 import StatusField from 'components/status-field';
-import { format, formatDistanceToNowStrict } from 'date-fns';
+import { format, formatDistanceToNowStrict, isValid } from 'date-fns';
 import {
   COMPONENT_STATUS,
   COMPONENT_STATUS_TO_BASE_STATUS,
@@ -64,7 +64,8 @@ const Components = () => {
         accessorKey: 'started',
         Cell: ({ cell }) => {
           const date = new Date(cell.getValue<string>());
-          return date ? (
+
+          return isValid(date) ? (
             <Tooltip
               title={`Started at ${format(date, DATE_FORMAT)}`}
               placement="right"