fix(ui): handle minor breaking typing change from serialize-error

Author: psychedelicious

invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/enqueueRequestedLinear.ts

@@ -89,7 +89,7 @@ export const addEnqueueRequestedLinear = (startAppListening: AppStartListening)
         await req.unwrap();
         log.debug(parseify({ batchConfig: prepareBatchResult.value }), 'Enqueued batch');
       } catch (error) {
-        log.error({ error: serializeError(error) }, 'Failed to enqueue batch');
+        log.error({ error: serializeError(error as Error) }, 'Failed to enqueue batch');
       } finally {
         req.reset();
       }

invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/enqueueRequestedUpscale.ts

@@ -27,7 +27,7 @@ export const addEnqueueRequestedUpscale = (startAppListening: AppStartListening)
         await req.unwrap();
         log.debug(parseify({ batchConfig }), 'Enqueued batch');
       } catch (error) {
-        log.error({ error: serializeError(error) }, 'Failed to enqueue batch');
+        log.error({ error: serializeError(error as Error) }, 'Failed to enqueue batch');
       } finally {
         req.reset();
       }

invokeai/frontend/web/src/app/store/store.ts

@@ -145,7 +145,10 @@ const unserialize: UnserializeFunction = (data, key) => {
     );
     return transformed;
   } catch (err) {
-    log.warn({ error: serializeError(err) }, `Error rehydrating slice "${key}", falling back to default initial state`);
+    log.warn(
+      { error: serializeError(err as Error) },
+      `Error rehydrating slice "${key}", falling back to default initial state`
+    );
     return persistConfig.initialState;
   }
 };

invokeai/frontend/web/src/features/controlLayers/hooks/copyHooks.ts

@@ -41,7 +41,7 @@ export const useCopyLayerToClipboard = () => {
           });
         });
       } catch (error) {
-        log.error({ error: serializeError(error) }, 'Problem copying layer to clipboard');
+        log.error({ error: serializeError(error as Error) }, 'Problem copying layer to clipboard');
         toast({
           status: 'error',
           title: t('toast.problemCopyingLayer'),
@@ -82,7 +82,7 @@ export const useCopyCanvasToClipboard = (region: 'canvas' | 'bbox') => {
         toast({ title: t('controlLayers.regionCopiedToClipboard', { region: startCase(region) }) });
       });
     } catch (error) {
-      log.error({ error: serializeError(error) }, 'Failed to save canvas to gallery');
+      log.error({ error: serializeError(error as Error) }, 'Failed to save canvas to gallery');
       toast({ title: t('controlLayers.copyRegionError', { region: startCase(region) }), status: 'error' });
     }
   }, [canvasManager.compositor, canvasManager.stateApi, clipboard, region, t]);

invokeai/frontend/web/src/features/controlLayers/hooks/useSaveLayerToAssets.ts

@@ -41,7 +41,7 @@ export const useSaveLayerToAssets = () => {
           board_id: autoAddBoardId === 'none' ? undefined : autoAddBoardId,
         });
       } catch (error) {
-        log.error({ error: serializeError(error) }, 'Problem copying layer to clipboard');
+        log.error({ error: serializeError(error as Error) }, 'Problem copying layer to clipboard');
         toast({
           status: 'error',
           title: t('toast.problemSavingLayer'),

invokeai/frontend/web/src/features/controlLayers/konva/CanvasEntity/CanvasEntityObjectRenderer.ts

@@ -519,7 +519,7 @@ export class CanvasEntityObjectRenderer extends CanvasModuleBase {
       this.manager.cache.imageNameCache.set(hash, imageDTO.image_name);
       return imageDTO;
     } catch (error) {
-      this.log.error({ rasterizeArgs, error: serializeError(error) }, 'Failed to rasterize entity');
+      this.log.error({ rasterizeArgs, error: serializeError(error as Error) }, 'Failed to rasterize entity');
       throw error;
     } finally {
       this.manager.stateApi.$rasterizingAdapter.set(null);

invokeai/frontend/web/src/features/nodes/util/schema/parseSchema.ts

@@ -287,7 +287,7 @@ const getFieldType = (
           node: type,
           field: propertyName,
           schema: parseify(property),
-          error: serializeError(e),
+          error: serializeError(e as Error),
         },
         t(tKey, {
           node: type,

invokeai/frontend/web/src/features/workflowLibrary/hooks/useValidateAndLoadWorkflow.ts

@@ -118,7 +118,7 @@ export const useValidateAndLoadWorkflow = () => {
           });
         } else {
           // Some other error occurred
-          log.error({ error: serializeError(e) }, t('nodes.unknownErrorValidatingWorkflow'));
+          log.error({ error: serializeError(e as Error) }, t('nodes.unknownErrorValidatingWorkflow'));
           toast({
             id: 'UNABLE_TO_VALIDATE_WORKFLOW',
             title: t('nodes.unableToValidateWorkflow'),