Merge pull request #26586 from overleaf/td-file-view-error-reset

Reset file view loading and error state when switching between files

GitOrigin-RevId: 44be9bf71fe9541ed78db3421bf356997850e6ec

services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx

@@ -58,7 +58,10 @@ export const EditorAndPdf: FC = () => {
       >
         {selectedEntityCount === 0 && <NoSelectionPane />}
         {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
-          <FileView file={fileViewFile(openEntity.entity)} />
+          <FileView
+            file={fileViewFile(openEntity.entity)}
+            key={openEntity.entity._id}
+          />
         )}
         {selectedEntityCount > 1 && (
           <MultipleSelectionPane selectedEntityCount={selectedEntityCount} />

services/web/frontend/js/features/ide-redesign/components/editor-panel.tsx

@@ -12,7 +12,10 @@ export default function EditorPanel() {
     <div className="ide-redesign-editor-container">
       {selectedEntityCount === 0 && <NoSelectionPane />}
       {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
-        <FileView file={fileViewFile(openEntity.entity)} />
+        <FileView
+          file={fileViewFile(openEntity.entity)}
+          key={openEntity.entity._id}
+        />
       )}
       {selectedEntityCount > 1 && (
         <MultipleSelectionPane selectedEntityCount={selectedEntityCount} />