Remove unnecessary calculations for rendering files (codesandbox#4078)

* Greatly improve file switching performance

* Don't update callback even if state changes

* Remove unnecessary property

* Remove unnecessary change

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/DirectoryChildren/index.tsx

@@ -62,7 +62,6 @@ const DirectoryChildren: React.FC<IDirectoryChildrenProps> = ({
         .map(dir => (
           <DirectoryEntry
             key={dir.id}
-            siblings={[...directories, ...modules]}
             depth={depth + 1}
             signals={{ files, editor }}
             store={{ editor: editorState, isLoggedIn }}

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/index.tsx

@@ -61,7 +61,6 @@ interface Props {
   connectDropTarget?: Function;
   isOver?: boolean;
   canDrop?: boolean;
-  siblings?: any;
   signals?: any;
   title?: string;
   sandboxId?: string;

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Explorer/Files/DirectoryEntry/DirectoryChildren/index.tsx

@@ -62,7 +62,6 @@ const DirectoryChildren: React.FC<IDirectoryChildrenProps> = ({
         .map(dir => (
           <DirectoryEntry
             key={dir.id}
-            siblings={[...directories, ...modules]}
             depth={depth + 1}
             signals={{ files, editor }}
             store={{ editor: editorState, isLoggedIn }}

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Explorer/Files/DirectoryEntry/index.tsx

@@ -61,7 +61,6 @@ interface Props {
   connectDropTarget?: Function;
   isOver?: boolean;
   canDrop?: boolean;
-  siblings?: any;
   signals?: any;
   title?: string;
   sandboxId?: string;