Dom validation Issue in Accordion component

[metart43]

Background:

• Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

Expected Behavior:

• <button> element shouldn't be rendering another button inside of it.

• The issue is in src/components/containers/Accordion/Accordion.js:77 where <button> should be potentially replaced with a <div>

src/components/containers/Accordion/Accordion.js:108 there is the logic that renders rawButton

  <div className="fhir-container__Accordion__data-text accordion-body ps-4 pt-3 pe-4 border-top">
    {bodyContent}
    {typeof rawOnClick === 'function' &&
      isRawInAccordion &&
      rawButton}
 </div>

Screenshots:

[awatson1978]

Running into this issue with the FhirResource object also.

// imorts
import { FhirResource, fhirVersions } from 'fhir-react';

// elsewhere in file
<Card>
  <ErrorBoundary>
    <FhirResource
      fhirResource={getResourceForDynamicComponent(get(props, 'patient'), 12)}
      fhirVersion={fhirVersions.R4}
      fhirIcons="https://www.gravatar.com/avatar/?s=50&r=any&default=identicon&forcedefault=1"
      withCarinBBProfile
    />
  </ErrorBoundary>
</Card>