Struggling to wrap component

[garrickisgross]

Hello,

Trying to implement a 3d dice roller in a project and having issues. If anyone could help me out or advise that I should find a different library/solution, let me know. Docs are here https://fantasticdice.games/docs/intro

currently renders, but when clicking "roll" it throws a TypeError in the console "cannot get undefined of current" which I believe is happening at the api_spec call. I found guidance in the discussion on how to interact with component api's but the implementation may have been at fault lol

dice_roller.py

class DiceRoller(rx.Component):
    library = "@3d-dice/dice-box"
    tag = "DiceBox"
    assetPath: rx.Var[str]

    @classmethod
    def create(cls, *children, **props) -> DiceRoller:
        props.setdefault("id", rx.vars.get_unique_variable_name())
        return super().create(*children, **props)

    def _get_api_spec(self, fn_name):
        return rx.call_script(f"refs['{self.get_ref()}'].current?.getApi().{fn_name}('1d20')")

    def roll(self) -> rx.event.EventSpec:
        return self._get_api_spec("roll")


dice_roller = DiceRoller.create

dice.py

from Components.dice_roller import dice_roller


def dice() -> rx.Component:
    roller = dice_roller(assetPath=rx._x.asset("assets"))

    return rx.container(
        rx.button("roll", on_click=roller.roll())
    )

`