Add more compiler checks

Author: dshil

src/lib/device/data_store.ts

@@ -1,7 +1,6 @@
 import { ObjectMonitor } from "@device-ui/lib/core/object_monitor";
 import { ArrayQueue } from "@device-ui/lib/core/array_queue";
 import { Formatter } from "@device-ui/lib/fmt/formatter";
-import { Fetcher } from "@device-ui/lib/http/fetcher";
 import { FetchHandler } from "@device-ui/lib/http/fetch_handler";
 import { DataHolder } from "@device-ui/lib/device/data_holder";
 

src/lib/device/http_locator.ts

@@ -1,4 +1,3 @@
-import { Fetcher } from "@device-ui/lib/http/fetcher";
 import { HTTPFetcher } from "@device-ui/lib/http/http_fetcher";
 import { HTTPOps } from "@device-ui/lib/algo/http_ops";
 import { Locator } from "@device-ui/lib/device/locator";

src/lib/system/notification_dispatcher.ts

@@ -77,7 +77,7 @@ export class NotificationDispatcher implements Notificator {
       severity,
       opts.modality,
       (n) => {
-        return queue.remove(notification);
+        return queue.remove(n);
       },
     );
 

src/ui/preact/basic_config_component.ts

@@ -39,11 +39,11 @@ export abstract class BasicConfigComponent extends Component<
   }
 
   // Read config on component mounting.
-  async componentDidMount() {
+  override async componentDidMount() {
     await this.readConfig();
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     this.setState({
       data: null,
       loading: false,

src/ui/preact/device_status_component.tsx

@@ -86,7 +86,7 @@ export class DeviceStatusComponent
     };
   }
 
-  async componentDidMount() {
+  override async componentDidMount() {
     let error: Error | null = null;
 
     error = this.props.telemetryStore.add(this);
@@ -111,7 +111,7 @@ export class DeviceStatusComponent
     }
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     let error: Error | null = null;
 
     error = this.props.telemetryStore.remove(this);

src/ui/preact/form_config_component.tsx

@@ -87,7 +87,7 @@ export class FormConfigComponent extends BasicConfigComponent {
             onClose={this.props.onClose}
             data={this.state.data}
             setData={this.setData}
-            ignoreKeys={this.props.ignoreKeys}
+            ignoreKeys={this.props.ignoreKeys ?? []}
           />
         )}
 

src/ui/preact/markdown_component.tsx

@@ -26,11 +26,11 @@ export class MarkdownComponent
     this.state = { isOpen: false };
   }
 
-  async componentDidMount() {
+  override async componentDidMount() {
     this.props.stateMonitor.setMonitor(this);
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     this.props.stateMonitor.setMonitor(null);
     this.close();
   }

src/ui/preact/navigation_component.tsx

@@ -71,7 +71,7 @@ export class NavigationComponent extends Component<
     );
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     this.helpState.set(false);
   }
 

src/ui/preact/notification_component.tsx

@@ -47,12 +47,12 @@ export class NotificationComponent
     };
   }
 
-  componentDidMount() {
+  override componentDidMount() {
     this.props.alertQueue.setMonitor(this);
     this.props.confirmQueue.setMonitor(this);
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     this.resetNotifications();
   }
 

src/ui/preact/sensor/soil/analog_sensor_component.tsx

@@ -20,15 +20,15 @@ class SensorData {
   readonly status_progress: number;
 
   constructor(data: Record<string, any> = {}) {
-    this.raw = data.raw ?? 0;
-    this.voltage = data.voltage ?? 0;
-    this.moisture = data.moisture ?? 0;
-    this.prev_status = data.prev_status ?? "";
-    this.curr_status = data.curr_status ?? "";
-    this.prev_status_dur = data.prev_status_dur ?? 0;
-    this.curr_status_dur = data.curr_status_dur ?? 0;
-    this.write_count = data.write_count ?? 0;
-    this.status_progress = data.status_progress ?? 0;
+    this.raw = data["raw"] ?? 0;
+    this.voltage = data["voltage"] ?? 0;
+    this.moisture = data["moisture"] ?? 0;
+    this.prev_status = data["prev_status"] ?? "";
+    this.curr_status = data["curr_status"] ?? "";
+    this.prev_status_dur = data["prev_status_dur"] ?? 0;
+    this.curr_status_dur = data["curr_status_dur"] ?? 0;
+    this.write_count = data["write_count"] ?? 0;
+    this.status_progress = data["status_progress"] ?? 0;
   }
 }
 
@@ -84,7 +84,7 @@ export class AnalogSensorComponent extends Component<
     };
   }
 
-  async componentDidMount() {
+  override async componentDidMount() {
     const error = this.props.store.add(this);
     if (error) {
       console.error(
@@ -93,7 +93,7 @@ export class AnalogSensorComponent extends Component<
     }
   }
 
-  componentWillUnmount() {
+  override componentWillUnmount() {
     const error = this.props.store.remove(this);
     if (error) {
       console.error(