reverse order of children span for a class using JSX in .mdx

I am using a .mdx and I want to write a JSX function in .mdx to reverse the order of spans with class="base" inside class="katex-html"

consider below html and I want to change the order

<span class="katex-html" aria-hidden="true">
    <span class="base">
        1
    </span>
    <span class="base">
        2
    </span>
</span>

final result should be:

<span class="katex-html" aria-hidden="true">
    <span class="base">
        2
    </span>
    <span class="base">
        1
    </span>
</span>