mapping array of objects in react

{faqsData.map(({ title, details, index }) => (
        // faq item
        <div className="faq">
          {/* faq title */}
          <div className="faq_title" onClick={() => setFaq(!isFaq)}>
            {title}
            {isFaq ? (
              <RemoveIcon className="faq_icon" />
            ) : (
              <AddIcon className="faq_icon" />
            )}
          </div>
          {/* faq details */}
          {isFaq && <p className="faq_details">{details}</p>}
        </div>
      ))}

{faqsData.map(({ title, details, index }) => (
        // faq item
        <div className="faq">
          {/* faq title */}
          <div className="faq_title" onClick={() => setFaq(!isFaq)}>
            {title}
            {isFaq ? (
              <RemoveIcon className="faq_icon" />
            ) : (
              <AddIcon className="faq_icon" />
            )}
          </div>
          {/* faq details */}
          {isFaq && <p className="faq_details">{details}</p>}
        </div>
      ))}