acabo de empezar a React.js js pero tengo problemas para importar una ruta de imagen a la página web. Tengo una carpeta llamada assets y tiene imágenes, quiero usar esas imágenes en mi proyecto, pero cuando las doy como entrada en el código, muestra: "ERROR en ./src/containers/products/Products.jsx 7:0 -33 Módulo no encontrado: Error: No se puede resolver '../../assets/'"

Aquí está el código para lo siguiente

 import React from 'react';
import './products.css';
import {Prodfeat} from '../../components'
import logo from '../../assets/';

const Products = () => {
 return (
 <div className='gpt3__products' id='products'>
 <div className='gpt3__products-heading'>
 <h1>We have something for everyone!</h1>
 </div>
 <div>
 <Prodfeat title='product 1' text='description of product1' productimg={`${logo}blog01.png`}/>
 <Prodfeat title='product 2' text='description of product2' productimg={`${logo}blog02.png`}/>
 <Prodfeat title='product 3' text='description of product3' productimg={`${logo}blog03.png`}/>
 </div>

 </div>
 )
 }

aquí está el código para el componente prodfeat:

 import React from 'react';
import './prodfeat.css';

const Prodfeat = ({title, text, productimg}) => {
 return (
 <div className='gpt3__prodfeat' >
 <div className='gpt3__prodfeat-desc'>
 <div className='gpt3__prodfeat-heading'>
 <h2>{title}</h2>
 </div>
 <div className='gpt3__prodfeat-text'>
 <p>{text}</p>
 </div>
 </div>
 <img src={productimg} alt={title}/>
 </div>
 )
}

quiero usar el {logo} como una variable de referencia y apuntar hacia la foto para no tener que escribir la ruta una y otra vez, pero no la acepta como la ruta, sino solo como una cadena. Por favor, si tiene alguna sugerencia, guíeme en este problema. Gracias