feat: enable TS strict mode

package.json

@@ -38,6 +38,7 @@
         "react": "^18.2.0",
         "react-devtools-core": "^5.0.0",
         "react-dom": "^18.2.0",
+        "rollup": "^4.13.0",
         "sass": "^1.71.1",
         "sql.js": "1.10.2"
     },

src/debug/index.tsx

@@ -93,7 +93,8 @@ function DevDashboard() {
     // listen for changes to the chrome storage to update the local storage state displayed in the dashboard
     useEffect(() => {
         const onChanged = (changes: chrome.storage.StorageChange, areaName: chrome.storage.AreaName) => {
-            let copy = {};
+            let copy: Record<string, any> = {};
+
             if (areaName === 'local') {
                 copy = { ...localStorage };
             } else if (areaName === 'sync') {
@@ -102,8 +103,8 @@ function DevDashboard() {
                 copy = { ...sessionStorage };
             }
 
-            Object.keys(changes).forEach(key => {
-                copy[key] = changes[key].newValue;
+            Object.keys(changes).forEach((key: string) => {
+                copy[key] = changes[key as keyof typeof changes].newValue;
             });
 
             if (areaName === 'local') {
@@ -125,7 +126,7 @@ function DevDashboard() {
     }, [localStorage, syncStorage, sessionStorage]);
 
     const handleEditStorage = (areaName: string) => (changes: Record<string, any>) => {
-        chrome.storage[areaName].set(changes);
+        (chrome.storage as any)[areaName].set(changes);
     };
 
     return (
@@ -145,4 +146,9 @@ function DevDashboard() {
     );
 }
 
-createRoot(document.getElementById('root')).render(<DevDashboard />);
+const rootElement = document.getElementById('root');
+if (rootElement) {
+    createRoot(rootElement).render(<DevDashboard />);
+} else {
+    throw new Error('No root element found');
+}

src/pages/background/lib/renameSchedule.ts

@@ -12,12 +12,12 @@ export default async function renameSchedule(scheduleId: string, newName: string
     if (scheduleIndex === -1) {
         return `Schedule ${scheduleId} does not exist`;
     }
-    // if (schedules.find(schedule => schedule.name === newName)) {
-    //     return `Schedule ${newName} already exists`;
-    // }
 
-    schedules[scheduleIndex].name = newName;
-    schedules[scheduleIndex].updatedAt = Date.now();
+    const scheduleToUpdate = schedules[scheduleIndex];
+    if (scheduleToUpdate) {
+        scheduleToUpdate.name = newName;
+        scheduleToUpdate.updatedAt = Date.now();
+    }
 
     await UserScheduleStore.set('schedules', schedules);
     return undefined;