diff --git a/src/apps/dashboard/features/logs/api/useServerLog.ts b/src/apps/dashboard/features/logs/api/useServerLog.ts
index 4182f9f78d..4c337dfa98 100644
--- a/src/apps/dashboard/features/logs/api/useServerLog.ts
+++ b/src/apps/dashboard/features/logs/api/useServerLog.ts
@@ -5,7 +5,7 @@ import { useApi } from 'hooks/useApi';
 import type { AxiosRequestConfig } from 'axios';
 
 const fetchServerLog = async (
-    api: Api | undefined,
+    api: Api,
     name: string,
     options?: AxiosRequestConfig
 ) => {
@@ -23,7 +23,7 @@ export const useServerLog = (name: string) => {
 
     return useQuery({
         queryKey: ['ServerLog', name],
-        queryFn: ({ signal }) => fetchServerLog(api, name, { signal }),
+        queryFn: ({ signal }) => fetchServerLog(api!, name, { signal }),
         enabled: !!api
     });
 };
diff --git a/src/apps/dashboard/routes/logs/file.tsx b/src/apps/dashboard/routes/logs/file.tsx
index 80cfd99934..d225008683 100644
--- a/src/apps/dashboard/routes/logs/file.tsx
+++ b/src/apps/dashboard/routes/logs/file.tsx
@@ -3,16 +3,14 @@ import Page from 'components/Page';
 import React, { useCallback } from 'react';
 import { useParams } from 'react-router-dom';
 import { useServerLog } from 'apps/dashboard/features/logs/api/useServerLog';
-import {
-    Alert,
-    Box,
-    Button,
-    ButtonGroup,
-    Card,
-    CardContent,
-    Container,
-    Typography
-} from '@mui/material';
+import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Container from '@mui/material/Container';
+import Typography from '@mui/material/Typography';
 import { ContentCopy, FileDownload } from '@mui/icons-material';
 import globalize from 'lib/globalize';
 import toast from 'components/toast/toast';