Cannot add image to my helloworld app

[Fredrick_Esedo]

I have my logo.jpg image inside frontend folder of my helloworld app. I tried to call the image but nothing is being displayed.

import {
    initializeBlock,
    useBase,
    useRecords,
} from '@airtable/blocks/ui';
import React, { useState } from 'react';



function HelloWorldBlock() {
    // YOUR CODE GOES HERE
    return <div>Hello world  🚀<img src={'./logo.jpg'} /> <img src='./logo.jpg' /></div>;
}
initializeBlock(() => <HelloWorldBlock />);

[Leo_Lutz · Accepted solution]

It doesn’t look like their build process copies static assets across. Until they do or mention how to, you can use data URI to inject the image.

const logo = ' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcQAAA...';

<img src={logo} />

[Fredrick_Esedo]

Thank you so much for the hint