En mi aplicación React, intento mostrar una imagen en el directorio del proyecto. En el navegador, esa imagen se muestra como la imagen predeterminada de Google Chrome cuando no se puede encontrar un archivo. ¿Alguien podría decirme si estoy importando mi imagen correctamente?

Componente que intenta renderizar la imagen:

 import React from "react"; import "../css/navbar.css"; export default function Navbar() { return ( <div className="navbar-container"> <img src="../images/logo.png" className="logo" /> </div> ); }

Lo que estoy viendo: