Fix Directory typings (codesandbox#3162)

Author: CompuIves

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

@@ -19,7 +19,7 @@ interface IModuleEntryProps {
     directories: Directory[],
     id: string
   ) => string;
-  renameValidator: (id: string, title: string) => string;
+  renameValidator: (id: string, title: string) => string | false | null;
 }
 
 const ModuleEntry: React.FC<IModuleEntryProps> = ({

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

@@ -20,7 +20,7 @@ interface IDirectoryChildrenProps {
     directories: Directory[],
     id: string
   ) => string;
-  renameValidator: (id: string, title: string) => boolean;
+  renameValidator: (id: string, title: string) => string | false | null;
 }
 
 const DirectoryChildren: React.FC<IDirectoryChildrenProps> = ({

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

@@ -21,7 +21,7 @@ interface Props {
   onCommit: (value: string, force?: boolean) => void;
   onChange: (value: string) => void;
   onCancel: () => void;
-  error: string | null;
+  error: string | false | null;
   id: string;
 }
 

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

@@ -18,7 +18,7 @@ import EntryTitle from './EntryTitle';
 import { EntryTitleInput } from './EntryTitleInput';
 
 interface IEntryProps {
-  renameValidator: (id: string, title: string) => string;
+  renameValidator: (id: string, title: string) => string | false | null;
   shortid: string;
   id: string;
   title: string;
@@ -74,7 +74,7 @@ const Entry: React.FC<IEntryProps> = ({
   state: incomingState = '',
 }) => {
   const [state, setState] = useState(incomingState);
-  const [error, setError] = useState<string | null>(null);
+  const [error, setError] = useState<string | false | null>(null);
   const [hovering, setHovering] = useState(false);
 
   const resetState = () => {

packages/app/src/app/pages/Sandbox/Editor/Workspace/OpenedTabs/index.tsx

@@ -9,7 +9,7 @@ type ContainerStylesProps = {
   depth?: number;
   active?: boolean;
   editing?: boolean;
-  nameValidationError?: string;
+  nameValidationError?: string | null | false;
   rightColors?: string[];
 };