Learn more: [docs.uploadthing.com](https://docs.uploadthing.com)
npm install @uploadthing/reactLearn more: docs.uploadthing.com
``tsx
// Name is temp
import { UploadButton } from "@uploadthing/react";
import type { FileRouter } from "./someUploadRouter";
export const SomePage = () => {
return (
endpoint="someTypesafeEndpoint"
onNewFileDropped={(file) => {
console.log("new file added by user", file);
}}
onClientStartedUpload={(file) => {
console.log("new file added by user", file);
}}
onClientFinishedUpload={(file) => {
console.log(file);
}}
/>
);
};
`
`tsx
// Name is temp
import { UploadFileView, UploadProvider, UploadZone } from "@uploadthing/react";
import type { FileRouter } from "./someUploadRouter";
export const SomePage = () => {
return (
endpoint="someTypesafeEndpoint"
onUpload={(file) => {
console.log(file);
}}
>
Whatever You Want
Drop files here (you can style this yourself)
);
};
``