type guard Error

Author: severo

packages/components/src/components/Folder.tsx

@@ -14,7 +14,7 @@ interface FolderProps {
 export default function Folder({ folderKey }: FolderProps) {
   // State to hold file listing
   const [files, setFiles] = useState<FileMetadata[]>()
-  const [error, setError] = useState<unknown>()
+  const [error, setError] = useState<Error>()
   const listRef = useRef<HTMLUListElement>(null)
 
   // Folder path from url
@@ -27,7 +27,7 @@ export default function Folder({ folderKey }: FolderProps) {
       .then(setFiles)
       .catch((error: unknown) => {
         setFiles([])
-        setError(error)
+        setError(error instanceof Error ? error : new Error(`Failed to fetch files - ${error}`))
       })
   }, [prefix])
 

packages/components/src/components/Layout.tsx

@@ -5,7 +5,7 @@ interface LayoutProps {
   children: ReactNode
   className?: string
   progress?: number
-  error?: unknown
+  error?: Error
   title?: string
 }