Lanza un error undefined is not a function (near '...(0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(state => state.files).map...') . ingrese la descripción de la imagen aquí . Lo envuelvo en una función: el error también es similar, dígame qué escribí mal. lista de archivos

 const FileList = () => { const files = useSelector((state) => state.files).map((file) => <File key={file.id} file={file}/>) return ( <div className="container"> <div className='filelist'> <div className="filelist__header"> <div className="filelist__name">name</div> <div className="filelist__date">date</div> <div className="filelist__size">size</div> </div> {files} </div> </div> ); };

Expediente

 const File = ({file}) => { return ( <div className='file'> <img src={file.type === 'dir' ? dirLogo : fileLogo} alt="" className="file__img"/> <div className="file__name">{file.name}</div> <div className="file__date">{file.date.slice(0,10)}</div> <div className="file__size">{file.size}</div> </div> ); };