resource-list-component.jsx

<ResourceList
  resourceName={{ singular: "product", plural: "products" }}
  items={[settingsObj]}
  renderItem={(item) => {
    const { id, title, image } = item;

    return (
      <ResourceItem
        id={id}
        media={
          <Thumbnail
            size="small"
            source={image?.src || ImageMajor}
            alt={`Product ${title} thumbnail`}
          />
        }
        name={title}
        verticalAlignment="center"
      >
        <h3>
          <TextStyle variation="strong">{title}</TextStyle>
        </h3>
      </ResourceItem>
    );
  }}
/>;