fix: Linting hanging due to missing images (#1988)

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

Author: gabrielmfern

.changeset/sour-deers-speak.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+fix linting hanging because of missing images

packages/react-email/src/cli/utils/preview/serve-static-file.ts

@@ -1,4 +1,4 @@
-import { promises as fs } from 'node:fs';
+import { promises as fs, existsSync } from 'node:fs';
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import type http from 'node:http';
 import path from 'node:path';
@@ -16,25 +16,29 @@ export const serveStaticFile = async (
 
   const fileAbsolutePath = path.join(staticBaseDir, pathname);
 
-  const fileHandle = await fs.open(fileAbsolutePath, 'r');
-
   try {
+    const fileHandle = await fs.open(fileAbsolutePath, 'r');
     const fileData = await fs.readFile(fileHandle);
 
     // if the file is found, set Content-type and send data
     res.setHeader('Content-type', lookup(ext) || 'text/plain');
     res.end(fileData);
-  } catch (exception) {
-    console.error(
-      `Could not read file at ${fileAbsolutePath} to be served, here's the exception:`,
-      exception,
-    );
 
-    res.statusCode = 500;
-    res.end(
-      'Could not read file to be served! Check your terminal for more information.',
-    );
-  } finally {
     fileHandle.close();
+  } catch (exception) {
+    if (!existsSync(fileAbsolutePath)) {
+      res.statusCode = 404;
+      res.end();
+    } else {
+      console.error(
+        `Could not read file at ${fileAbsolutePath} to be served, here's the exception:`,
+        exception,
+      );
+
+      res.statusCode = 500;
+      res.end(
+        'Could not read file to be served! Check your terminal for more information.',
+      );
+    }
   }
 };

packages/react-email/src/components/toolbar/use-cached-state.ts

@@ -4,15 +4,15 @@ export const useCachedState = <T>(key: string) => {
   let value: T | undefined = undefined;
   if ('localStorage' in global) {
     const storedValue = global.localStorage.getItem(key);
-    if (storedValue !== null) {
+    if (storedValue !== null && storedValue !== 'undefined') {
       try {
         value = JSON.parse(storedValue) as T;
       } catch (exception) {
         console.warn(
           'Failed to load stored value for',
           key,
           'with value',
-          value,
+          storedValue,
         );
       }
     }