Function createTransloaditUppy

examples/reactrouter/app/routes/_index.tsx:40–73

()

}

function createTransloaditUppy() {
  const uppy = new Uppy({
    restrictions: {
      maxFileSize: 100 * 1024 * 1024, // 100MB
      maxNumberOfFiles: 10,
    },
  })

  uppy.use(Transloadit, {
    async assemblyOptions() {
      // You can send meta data along for use in your template.
      // https://transloadit.com/docs/topics/assembly-instructions/#form-fields-in-instructions
      const { meta } = uppy.getState()
      const body = JSON.stringify({
        customValue: meta.customValue || 'react-router-uppy-example',
      })
      const res = await fetch('/api/transloadit-params', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body,
      })
      if (!res.ok) {
        const errorData = await res.json().catch(() => ({}))
        if (errorData.details) {
          throw new Error(errorData.details)
        }
        throw new Error(`Failed to get Transloadit params: ${res.statusText}`)
      }
      return res.json()
    },
  })

  return uppy
}

export default function Index() {
  const [tusUppy] = useState(createTusUppy)