En primer lugar, quiero disculparme por esta pregunta tonta, soy un verdadero principiante en desarrollo web.

Estoy tratando de crear un componente de una imagen en la que se pueda hacer clic que nos redirija a otra página del sitio web. No recibo ningún error pero la imagen no aparece (tengo un ? en mi página web) y cuando hago clic en este "?" No soy redirigido en absoluto.

Aquí está mi componente (en src/components/LinkPicture.js)

 import { Link } from 'react-router-dom'; export default function LinkPicture(link, imgSrc) { return( <Link to={link}> <img src={imgSrc} /> </Link> ) }

Y aquí está el componente de mi página (en src/pages/intraje/Home.js, la imagen en src/assets/logo_SEIO_color_head.png)

 import React from 'react' import LinkPicture from '../../components/LinkPicture'; import logo from "../../assets/logo_SEIO_color_head.png" const Home = () => { return ( <div className='home'> <React.Fragment> <h1>Home</h1> <LinkPicture link={"intraje/profile"} imgSrc={logo}> </LinkPicture> </React.Fragment> </div> ) } export default Home;

¿Cuáles son mis errores? gracias de antemano :)