How to import logo image in React JS?

I want to add image before h1

enter image description here

import React from "react";


function Header(){
          
          return(     
                    <h1>Bikinin Kaos ID</h1>    
          );
}

export default Header;

You can import the image in the following manner

    import React from "react";
    import Image from '../img/logo-color.png'

function Header(){
          
          return(  
                  <>   
                   <img src={Image} alt='img' />
                    <h1>Bikinin Kaos ID</h1>
                  </>
          );
}

export default Header;

I have created a code sandbox demo You can check it here DEMO