diff --git a/webapp/src/types/NtpStatus.ts b/webapp/src/types/NtpStatus.ts
new file mode 100644
index 00000000..fd4c56f5
--- /dev/null
+++ b/webapp/src/types/NtpStatus.ts
@@ -0,0 +1,7 @@
+export interface NtpStatus {
+    ntp_server: string,
+    ntp_timezone: string,
+    ntp_timezone_descr: string
+    ntp_status: boolean,
+    ntp_localtime: string
+}
\ No newline at end of file
diff --git a/webapp/src/views/NtpInfoView.vue b/webapp/src/views/NtpInfoView.vue
index 41f37c42..61367726 100644
--- a/webapp/src/views/NtpInfoView.vue
+++ b/webapp/src/views/NtpInfoView.vue
@@ -67,18 +67,13 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import type { NtpStatus } from "@/types/NtpStatus";
 
 export default defineComponent({
     data() {
         return {
             dataLoading: true,
-            ntpDataList: {
-                ntp_server: "",
-                ntp_timezone: "",
-                ntp_timezone_descr: "",
-                ntp_status: false,
-                ntp_localtime: ""
-            },
+            ntpDataList: {} as NtpStatus,
         };
     },
     created() {