blitz install fleck/file-depotthere appears to be a bug with recipes (or maybe I'm doing something wrong). These files get created as:
app/api/files/[key]/[filename].ts/[filename].ts app/api/files/[key]/variant/[variation]/[filename].ts/[filename].ts when the paths should be:
app/api/files/[key]/[filename].ts app/api/files/[key]/variant/[variation]/[filename].ts import { useFileUpload } from "app/file/useFileUpload" import { urlFor } from "app/file/url" const Home: BlitzPage = () => { const { getRootProps, fileInput, getInputProps, file } = useFileUpload() return ( <div className="container"> <main> <div {...getRootProps()}> click to upload file <input ref={fileInput} id="file-upload" name="file-upload" {...getInputProps()} /> </div> Show the original image: {file && <img src={urlFor(file)} />} Show rotate variation {file && <img src={urlFor(file, "rotate")} />} // ...model Item { id Int @id @default(autoincrement()) featured Boolean @default(false) name String? @db.VarChar url String? @db.VarChar text String? fileId Int? image File? @relation(fields: [fileId], references: [id]) }