diff --git a/webapp/src/components/DevInfo.vue b/webapp/src/components/DevInfo.vue
index 5c28f22..b7175a0 100644
--- a/webapp/src/components/DevInfo.vue
+++ b/webapp/src/components/DevInfo.vue
@@ -38,19 +38,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 import { BIconInfoSquare } from 'bootstrap-icons-vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
-
-declare interface DevInfoData {
-    valid_data: boolean,
-    fw_bootloader_version: number,
-    fw_build_version: number,
-    fw_build_datetime: Date,
-    hw_part_number: number,
-    hw_version: number,
-    hw_model_name: string,
-}
+import type { DevInfoStatus } from "@/types/DevInfoStatus";
 
 export default defineComponent({
     components: {
@@ -58,7 +49,7 @@ export default defineComponent({
         BootstrapAlert,
     },
     props: {
-        devInfoList: { type: Object as () => DevInfoData, required: true },
+        devInfoList: { type: Object as PropType<DevInfoStatus>, required: true },
     },
     computed: {
         formatVersion() {
diff --git a/webapp/src/types/DevInfoStatus.ts b/webapp/src/types/DevInfoStatus.ts
new file mode 100644
index 0000000..76f4cff
--- /dev/null
+++ b/webapp/src/types/DevInfoStatus.ts
@@ -0,0 +1,9 @@
+export interface DevInfoStatus {
+    valid_data: boolean,
+    fw_bootloader_version: number,
+    fw_build_version: number,
+    fw_build_datetime: Date,
+    hw_part_number: number,
+    hw_version: number,
+    hw_model_name: string
+}
\ No newline at end of file
diff --git a/webapp/src/views/HomeView.vue b/webapp/src/views/HomeView.vue
index 687a124..d1e3a53 100644
--- a/webapp/src/views/HomeView.vue
+++ b/webapp/src/views/HomeView.vue
@@ -154,7 +154,7 @@
                             </div>
                         </div>
 
-                        <DevInfo v-if="!devInfoLoading" :devInfoList="(devInfoList as any)" />
+                        <DevInfo v-if="!devInfoLoading" :devInfoList="devInfoList" />
                     </div>
 
                     <div class="modal-footer">
@@ -341,6 +341,7 @@ import EventLog from '@/components/EventLog.vue';
 import DevInfo from '@/components/DevInfo.vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
 import InverterChannelInfo from "@/components/InverterChannelInfo.vue";
+import type { DevInfoStatus } from '@/types/DevInfoStatus';
 
 declare interface Inverter {
     serial: number,
@@ -383,7 +384,7 @@ export default defineComponent({
             eventLogList: {},
             eventLogLoading: true,
             devInfoView: {} as bootstrap.Modal,
-            devInfoList: {},
+            devInfoList: {} as DevInfoStatus,
             devInfoLoading: true,
 
             limitSettingView: {} as bootstrap.Modal,