fix errors and remin env name

examples/nextjs-upload-formdata/pages/api/upload.js

@@ -1,7 +1,7 @@
 import formidable from 'formidable';
 import { v2 as cloudinary } from 'cloudinary';
 
-// Store environment variables in your .env.local file
+// Store environment variables in your .env file
 cloudinary.config({
   cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
   secure: true,

examples/nextjs-upload-widget-preset/components/UploadWidget/UploadWidget.js

@@ -4,21 +4,21 @@ import {useEffect, useRef} from "react";
 let cloudinary;
 
 const UploadWidget = ({ children, onUpload }) => {
-  /**
-   * handleOnLoad
-   * @description Stores the Cloudinary window instance to a ref when the widget script loads
-   */
   const widget = useRef();
 
   useEffect(() => {
-    handleOnLoad();
 
     return () => {
       widget.current?.destroy();
       widget.current = undefined;
     }
   }, [])
 
+  /**
+   * handleOnLoad
+   * @description Stores the Cloudinary window instance to a ref when the widget script loads
+   */
+
   function handleOnLoad() {
     if ( !cloudinary ) {
       cloudinary = window.cloudinary;

examples/nextjs-upload-widget-signed/components/UploadWidget/UploadWidget.js

@@ -7,7 +7,6 @@ const UploadWidget = ({ children, onUpload }) => {
   const widget = useRef();
 
   useEffect(() => {
-    handleOnLoad();
 
     return () => {
       widget.current?.destroy();

examples/remix-upload-widget-preset/app/components/UploadWidget/index.jsx

@@ -44,7 +44,7 @@ function UploadWidget({ children, onUpload }) {
         // "unsigned" uploads which may allow for more usage than intended. Read more
         // about unsigned uploads at: https://cloudinary.com/documentation/upload_images#unsigned_upload
 
-        const cloudName = ENV.CLOUD_NAME;
+        const cloudName = ENV.CLOUDINARY_CLOUD_NAME;
         const uploadPreset = ENV.CLOUDINARY_UPLOAD_PRESET;
         if (!cloudName || !uploadPreset) {
             console.warn(`Kindly ensure you have the cloudName and UploadPreset 
@@ -83,7 +83,7 @@ function UploadWidget({ children, onUpload }) {
     }
 
     /**
-     * Do not render the component if the clodinary script is not loaded
+     * Do not render the component if the cloudinary script is not loaded
      */
     return children({
         cloudinary,

examples/remix-upload-widget-preset/app/root.jsx

@@ -16,7 +16,7 @@ export function links() {
 
 export function loader() {
   const ENV = {
-    CLOUD_NAME: process.env.CLOUDINARY_CLOUD_NAME ?? "",
+    CLOUDINARY_CLOUD_NAME: process.env.CLOUDINARY_CLOUD_NAME ?? "",
     CLOUDINARY_UPLOAD_PRESET: process.env.CLOUDINARY_UPLOAD_PRESET ?? "",
   };
   return json({  ENV });