map function and key props error in react js

const projectDetails=[
        {
            image:assestObj.skullcandyLogo,
            title:"Skullcandy",
            desc:"A focused Web Developer building Websites "
        },
        {
            image:assestObj.skullcandyLogo,
            title:"Skullcandy2",
            desc:"Desc2"
        }
    ]
    return(
        <div id="project-container">
            <p id="project-p">Projects</p>

        {projectDetails.map((elem,index)=>{
        return <div id="project-section">
                <div id="project-img">
                    <img src={elem.image} id="project-logo" key={`img-${index}`} alt="skullcandy" />  
                 </div>
                <div id="project-texts">
                    <p id="project-title" key={`p-${index}`}> {elem.title} </p>
                    <p id="project-desc" key={`p1-${index}`}> {elem.desc} </p>
                </div>
            </div>
            })}
        </div>
    )
}

const projectDetails=[
        {
            image:assestObj.skullcandyLogo,
            title:"Skullcandy",
            desc:"A focused Web Developer building Websites "
        },
        {
            image:assestObj.skullcandyLogo,
            title:"Skullcandy2",
            desc:"Desc2"
        }
    ]
    return(
        <div id="project-container">
            <p id="project-p">Projects</p>

        {projectDetails.map((elem,index)=>{
        return <div id="project-section">
                <div id="project-img">
                    <img src={elem.image} id="project-logo" key={`img-${index}`} alt="skullcandy" />  
                 </div>
                <div id="project-texts">
                    <p id="project-title" key={`p-${index}`}> {elem.title} </p>
                    <p id="project-desc" key={`p1-${index}`}> {elem.desc} </p>
                </div>
            </div>
            })}
        </div>
    )
}