diff --git a/packages/web/src/routes/apps/files-show.tsx b/packages/web/src/routes/apps/files-show.tsx
index 1624c1a8..0830c7d1 100644
--- a/packages/web/src/routes/apps/files-show.tsx
+++ b/packages/web/src/routes/apps/files-show.tsx
@@ -3,18 +3,19 @@ import { CodeEditor } from '@/components/apps/editor';
 import AppLayout from './layout';
 
 export default function AppFilesShow() {
-  const { openedFile: _openedFile, updateFile } = useFiles();
+  const { openedFile, updateFile } = useFiles();
 
-  // TODO: Handle 404s from server.
-  const openedFile = _openedFile!;
+  /* TODO: Handle 404s */
 
   return (
     <AppLayout activeTab="code" activePanel="explorer">
-      <CodeEditor
-        path={openedFile.path}
-        source={openedFile.source}
-        onChange={(source) => updateFile(openedFile, { source })}
-      />
+      {openedFile && (
+        <CodeEditor
+          path={openedFile.path}
+          source={openedFile.source}
+          onChange={(source) => updateFile(openedFile, { source })}
+        />
+      )}
     </AppLayout>
   );
 }