[Bug] [PROBLEMA CON REACT] Se rompen las imagenes al hacer el deploy

Que tal espero ayudarte con esta respuesta. Las imágenes dentro de React se importan no se pueden colocar mediante el src con una ruta especifíca, entonces para solucionar el incidente colocas:

import Image1 from '/img/header.png'

...
    <img src={Image1} all="Org" />
...

Hola Angel, ante todo gracias por tu respuesta. Aca pongo screenshot de lo que me sale al intentar esa solucion. Antes intente poner la carpeta img dentro de src, pero son malas practicas y vi que a futuro genera problemas, por eso las deje dentro de public.

" Module not found: Error: You attempted to import /img/header.png which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/. ERROR in ./src/components/header/index.jsx 5:0-37 Module not found: Error: You attempted to import /img/header.png which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/. "