TypeError: Cannot read properties of undefined in react

Errore arise this coude: TypeError: Cannot read properties of undefined (reading 'photo')

 import './App.css';

import pic1 from './images/picture1.jpg';

import pic2 from './images/picture2.jpg';

import pic3 from './images/picture3.jpg';

const Profile=({props})=>{

  return(

        <div className="card mycard" style={{width:'200px'}}>

              <img className="card-img-top" src={props.photo} alt='Profile Picture' style={{width:'100%'}}/>

              <div className="card-body">

                <h4 className="card-title">{props.name}</h4>

                <p className="card-text"><span>Position:</span>{props.position}</p>

                <a href="#" class="btn btn-primary">See Profile</a>

              </div>

      </div>

  )

}

function App() {

  return (

      <>

          <div className="container customStyle">

                    <Profile name='Jamal Kasem' position='Project Manager' photo={pic1}/>

                    <Profile name='Jamal Kasem' position='Project Manager' photo={pic2}/>

                    <Profile name='Jamal Kasem' position='Project Manager' photo={pic3}/>

                    <Profile name='Jamal Kasem' position='Project Manager' photo={pic1}/>

           </div>

      </>

  );

}

export default App;

Solution ::

rewrite this line with three ...

const Profile=({...props})=>{