IKImage not rendering after upload using Hooks

[Enaliz]

Hi Im trying to have IKImage reload after a successful upload but it's not working.

Can you tell me what I'm doing wrong ?

`
const NewPost = () => {

const [imageURL, setImageURL] = useState("/default-image.jpg");

const onError = err => {
    console.log("Error", err);
};

const onSuccess = res => {
    console.log("Success", res);
    setImageURL(res.filePath);
};


return (
    <div>
        <div className="content_row">
            <div className="post_creator">
                <div className="editor">
                    <IKContext
                        publicKey={publicKey}
                        urlEndpoint={urlEndpoint}
                        authenticationEndpoint={authenticationEndpoint}
                    >
                        <p>Upload an image</p>
                        <IKUpload
                            fileName="test-upload.png"
                            onError={onError}
                            onSuccess={onSuccess}
                        />
                    </IKContext>
                </div>
                <div className="post_rendered">
                    <div className="post_photo">
                        <IKContext urlEndpoint={urlEndpoint}>
                            <IKImage
                                path={imageURL}
                                loading="lazy"
                                lqip={{ active: true, quality: 20, blur: 30 }}
                            />
                        </IKContext>
                    </div>
                </div>


            </div>
        </div>
    </div>
);

}`

[imagekitio]

@Enaliz thanks for reporting. We are working on a fix which will be released in the next version.

[Enaliz]

@imagekitio thx for the feedback. Do you already have any idea about the fix release date ?

[imagekitio]

Roughly 2 weeks from now

[Enaliz]

@imagekitio Great thx! Beside that glitch the service is awesome btw

[Enaliz]

FYI and I don't know if it's related but IKImage is not rendering either when called after a map function:

{blogPost.map((post, i) => { return ( <div className="blog_post_card"> <div className="blog_post_photo"> <IKImage urlEndpoint={urlEndpoint} path={post.img_url} transformation={[{ height: 300 }]} loading="lazy" height="300" /> </div> ); }) }