From 8ed6eec67621d65371ceee18fb1c1d7a38dad286 Mon Sep 17 00:00:00 2001
From: GedeonTS <gedeontshobohwa1@gmail.com>
Date: Sat, 4 May 2024 12:25:49 +0200
Subject: [PATCH] Add missing type

---
 apps/web/lib/components/keyboard-shortcuts.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/lib/components/keyboard-shortcuts.tsx b/apps/web/lib/components/keyboard-shortcuts.tsx
index ee33a6d20..b11de95f4 100644
--- a/apps/web/lib/components/keyboard-shortcuts.tsx
+++ b/apps/web/lib/components/keyboard-shortcuts.tsx
@@ -4,7 +4,7 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { useCallback } from 'react';
 import { Button } from './button';
 import { Tooltip } from './tooltip';
-import { useTranslations } from 'next-intl';
+import { DottedLanguageObjectStringPaths, useTranslations } from 'next-intl';
 import { LineDotBoxIcon } from 'assets/svg';
 
 export function KeyboardShortcuts() {
@@ -40,7 +40,7 @@ export function KeyboardShortcuts() {
 							{HostKeysMapping.map((item, index) => (
 								<div key={index} className="flex flex-col gap-2">
 									<p className="text-base font-normal text-black dark:text-light--theme-light">
-										{t(`hotkeys.${item.heading}`)}
+										{t(`hotkeys.${item.heading}`  as DottedLanguageObjectStringPaths)}
 									</p>
 
 									{item.keySequence.map((keySeq, keySeqIndex) => (
@@ -49,7 +49,7 @@ export function KeyboardShortcuts() {
 											key={`key-seq-${keySeqIndex}`}
 										>
 											<div>
-												<p className="text-sm font-normal">{t(`hotkeys.${keySeq.label}`)}</p>
+												<p className="text-sm font-normal">{t(`hotkeys.${keySeq.label}` as DottedLanguageObjectStringPaths)}</p>
 											</div>
 											<div className="flex flex-row gap-2">
 												{[...(os === 'Mac' ? keySeq.sequence.MAC : keySeq.sequence.OTHER)].map(