Unable to use Spectrum React Objects in UXP Plugin (createTreeWalker is not a function)

Hi, I'm trying to spin up a UXP plugin and use spectrum elements in the UI. However, when I attempt to run the plugin with a spectrum object I recieve the following error. I've looked all over and installed various packages via npm but no luck so far. Any help would be appreciated!

import React from "react";

import { WC } from "./WC.jsx";
import '@swc-uxp-wrappers/button/sp-button.js';

import "./Home.css";

export const Home = () => {
    return (
        <div>
            <WC>
                <p className="display">Congratulations! You just created your first React Plugin.</p>
            </WC>
            <sp-button variant="primary">I'm a SWC button</sp-button> 



       </div>
    );
}