FilterPicker:Multiple Controlled

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Found multiple elements with the role "button"

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  aria-expanded="false"
  aria-label="Controlled Multiple Selection"
  class="sc-gLLuof eKOeoD"
  data-is-disabled=""
  data-is-right-icon=""
  data-is-selected=""
  data-is-with-icons=""
  data-menu-trigger="true"
  data-qa="Button"
  data-size="medium"
  data-theme="default"
  data-type="outline"
  disabled=""
  type="button"
>
  <span
    class="sc-dmyCSP cmzxMR"
    data-is-ellipsis=""
    data-qa="Text"
    style="opacity: 1;"
  >
    write
  </span>
  <span
    aria-hidden="true"
    class="sc-hLQSwg iBMeBd"
    data-element="ButtonIcon"
    data-qa="LoadingIcon"
  >
    <svg
      class="cube-animation-spin"
      fill="none"
      height="16"
      viewBox="0 0 16 16"
      width="16"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        clip-rule="evenodd"
        d="M7.35 1.65A.65.65 0 0 1 8 1a7 7 0 0 1 7 7 .65.65 0 1 1-1.3 0A5.7 5.7 0 0 0 8 2.3a.65.65 0 0 1-.65-.65"
        fill="currentColor"
        fill-rule="evenodd"
      />
    </svg>
  </span>
</button>

Ignored nodes: comments, script, style
<button
  class="sc-gLLuof hRntPZ"
  data-qa="Button"
  data-size="small"
  data-theme="default"
  data-type="outline"
  type="button"
>
  Select Admin Set
</button>

Ignored nodes: comments, script, style
<button
  class="sc-gLLuof hRntPZ"
  data-qa="Button"
  data-size="small"
  data-theme="default"
  data-type="outline"
  type="button"
>
  Read Only
</button>

Ignored nodes: comments, script, style
<button
  class="sc-gLLuof hRntPZ"
  data-qa="Button"
  data-size="small"
  data-theme="default"
  data-type="outline"
  type="button"
>
  Clear All
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

    at Object.getElementError (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:190:284)
    at ka (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:204:3474)
    at La (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:204:3519)
    at https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:206:10
    at https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:212:386
    at d_.invoke (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:48:8882)
    at d_.track (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:48:5990)
    at Object.getByRole (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/index-B_aYfNYG.js:48:5262)
    at play (https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/FilterPicker.stories-D7IwK31W.js:228:29698)
    at https://626ee6db91d1c8004a912249-zzdsrvewtu.capture-loopback.chromatic.com/assets/iframe-vxkScCqh.js:199:3793