fix bug querying depth on restricted zones

src/server/index.js

@@ -272,8 +272,15 @@ const resolvers = {
     },
   },
   Zone: {
-    label: async (zone, _, { zoneTranslationLoader }) => {
+    depth: async ({ id }, _, { zoneLoader }) => {
-      const zoneTranslation = await zoneTranslationLoader.load(zone.id);
+      // TODO: Should we extend this loader-in-field pattern elsewhere? I like
+      //       that we avoid the fetch in cases where we only want the zone ID,
+      //       but it adds complexity 🤔
+      const zone = await zoneLoader.load(id);
+      return zone.depth;
+    },
+    label: async ({ id }, _, { zoneTranslationLoader }) => {
+      const zoneTranslation = await zoneTranslationLoader.load(id);
       return zoneTranslation.label;
     },
   },

src/server/loaders.js

@@ -256,7 +256,8 @@ const buildZoneLoader = (db) =>
 
     return ids.map(
       (id) =>
-        entitiesById.get(id) || new Error(`could not find zone with ID: ${id}`)
+        entitiesById.get(String(id)) ||
+        new Error(`could not find zone with ID: ${id}`)
     );
   });
 
@@ -273,7 +274,7 @@ const buildZoneTranslationLoader = (db) =>
 
     return zoneIds.map(
       (zoneId) =>
-        entitiesByZoneId.get(zoneId) ||
+        entitiesByZoneId.get(String(zoneId)) ||
         new Error(`could not find translation for zone ${zoneId}`)
     );
   });