How to use the upload widget in react/nextjs using hooks?

Follow

Gabriel Martinez

• July 03, 2022 23:01

Hello,

I found the following example on how to integrate the upload widget to React:
https://support.cloudinary.com/hc/en-us/articles/360020451819-How-to-integrate-the-Upload-Widget-in-your-React-app-

This is class based approach, and React has moved to functional components using hooks. How can I implement the above code using react hooks? 

 

0

• 

  Tamara Yulevich

  • August 15, 2022 11:52
  • Edited

  Hi Gabriel, 

  Please take a look at this example:

  https://support.cloudinary.com/hc/en-us/articles/360020451819

  Best,

  Tamara

  0

  Comment actions Permalink
• 

  Alvaro Aquije

  • September 25, 2022 23:47
  • Edited

  Hi, I've been trying to add this to my app but the codesandbox of the example isn't working, the console shows a package fetch error

  Regards

  0

  Comment actions Permalink
• 

  Danny Valentine

  • September 26, 2022 10:52

  Hi Alvaro.

  I was able to use this CodeSandbox from Tamara's example without any issue. Could you please provide us with a fork showing the issue you're encountering?

  Many thanks,
  -Danny

  0

  Comment actions Permalink
• 

  Andreas

  • October 03, 2022 16:56

  Hi, trying to implement upload widget in nextjs, but getting an error in CloudinaryService.js:
  
  

  TypeError: Cannot read properties of undefined (reading 'createUploadWidget')

  0

  Comment actions Permalink
• 

  Anthony Datu

  • October 05, 2022 00:02

  Hi Alvarado, 

  Please share a codesandbox or same environment so that we can investigate further.  The error looks like a missing function which is perhaps a missing reference to the library. 

  Regards, 

  Anthony

   

   

  0

  Comment actions Permalink

Please sign in to leave a comment.