Receive and render

Name_v1.jsx

import React from 'react';

const Name = ({ data: { bio, avatar, handleClick } }) => {
  return (
    <div>
      <button onClick={handleClick}>Click Me</button>
      <h4>About: {bio}</h4>
      <img src={avatar} alt="avatar"/>
    </div>
  );
};

export default Name;