@@ -45,7 +45,7 @@ yarn add @cloudinary/url-gen @cloudinary/react --save
4545``` javascript
4646import React from ' react' ;
4747import { AdvancedImage } from ' @cloudinary/react'
48- import {CloudinaryImage } from ' @cloudinary/url-gen' ;
48+ import { Cloudinary } from ' @cloudinary/url-gen' ;
4949```
5050
5151### Transform and Optimize Assets
@@ -55,10 +55,15 @@ import {CloudinaryImage} from '@cloudinary/url-gen';
5555import React , { Component } from ' react'
5656
5757import { AdvancedImage } from ' @cloudinary/react'
58- import {CloudinaryImage } from ' @cloudinary/url-gen' ;
58+ import { Cloudinary } from ' @cloudinary/url-gen' ;
5959
60- const myCld = new Cloudinary ({ cloudName: ' demo' });
61- let img = myCld ().image (' sample' );
60+ const myCld = new Cloudinary ({
61+ cloud: {
62+ cloudName: " demo" ,
63+ },
64+ });
65+
66+ let img = myCld .image (' sample' );
6267
6368const App = () => {
6469 return <AdvancedImage cldImg = { img } />
@@ -87,7 +92,7 @@ import {
8792cloudinaryImage = new CloudinaryImage (" sample" , { cloudName: " demo" });
8893
8994const App = () => {
90- return <AdvancedImage cldImg = { img } plugins = { [lazyload (),responsive (), accessibility (), placeholder ()]} ;/>
95+ return <AdvancedImage cldImg = { img } plugins = { [lazyload (),responsive (), accessibility (), placeholder ()]} />;
9196};
9297```
9398
0 commit comments