Skip to main content

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 />);

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} />

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} />

Thank you so much for the hint

Reply


Terms & Conditions