I have this array:

[
    {
      label: "Linkedin",
      social_handle: "linked_in",
      handle: "https://www.linkedin.com/in/",
      content: "",
    },
    {
      label: "Twitter",
      social_handle: "twitter",
      input_handle: "https://twitter.com/",
      input_content: "",
    },
    {
      label: "Website",
      social_handle: "website",
      input_handle: "",
      input_content: "",
    }]

And I iterate him in the next code:

<select
   onChange={(e) => props.handle(e)}
   className="form-control"
>
  {props.socials_arr.map(({ label, social_handle }) => (
  <option key={social_handle} defaultValue={social_handle}>
    <i class="fas fa-linkedin"></i> {label}
  </option>
  ))}
</select>

But this return me this this

How I can solve the [object object] and have the icon there?