diff --git a/src/components/dashboard/ClientsGraph.tsx b/src/components/dashboard/ClientsGraph.tsx
index 3ad42f2..dccaade 100644
--- a/src/components/dashboard/ClientsGraph.tsx
+++ b/src/components/dashboard/ClientsGraph.tsx
@@ -52,7 +52,8 @@ class ClientsGraph extends Component<ClientsGraphProps & WithNamespaces, {}> {
         },
         callbacks: {
           title: tooltipItem => {
-            const time = tooltipItem[0].xLabel!.match(/(\d?\d):?(\d?\d?)/);
+            const timeStr = tooltipItem[0].xLabel! as string;
+            const time = timeStr.match(/(\d?\d):?(\d?\d?)/);
             const hour = parseInt(time![1], 10);
             const minute = parseInt(time![2], 10) || 0;
             const from = padNumber(hour) + ":" + padNumber(minute - 5) + ":00";
diff --git a/src/components/dashboard/QueriesGraph.tsx b/src/components/dashboard/QueriesGraph.tsx
index 759bfb9..41c2546 100644
--- a/src/components/dashboard/QueriesGraph.tsx
+++ b/src/components/dashboard/QueriesGraph.tsx
@@ -70,7 +70,8 @@ class QueriesGraph extends Component<QueriesGraphProps & WithNamespaces, {}> {
         mode: "x-axis",
         callbacks: {
           title: tooltipItem => {
-            const time = tooltipItem[0].xLabel!.match(/(\d?\d):?(\d?\d?)/);
+            const timeStr = tooltipItem[0].xLabel! as string;
+            const time = timeStr.match(/(\d?\d):?(\d?\d?)/);
             const hour = parseInt(time![1], 10);
             const minute = parseInt(time![2], 10) || 0;
             const from = padNumber(hour) + ":" + padNumber(minute - 5) + ":00";