Add missing type

ever-co · May 4, 2024 · 8ed6eec · 8ed6eec
1 parent 5a05236
commit 8ed6eec
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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(