Can't serialize a list that I cobble together in State

[hragbalian]

Hi there,

I have a list that I'm cobbling together in the State through a series of checkbox selections but it looks like the list is no longer serializable once append, remove or other common list operations are applied to it. The list becomes a MutableProxy type. I need the list to be serializable to pass it through as a payload in an API call.

Here is the gist for what I'm doing:

import reflex as rx

class MyItem(rx.Base):
    mykey: str

class MyState(rx.State):
    my_list: list[str] = []
    items: list[MyItem] = [ MyItem(mykey = f"a{str(i)}" ) for i in range(10) ]


    async def add_item_to_my_list(self, item: MyItem):

        if item["mykey"] in self.my_list:
            self.my_list.remove(item["mykey"])
        else:
            self.my_list.append(item["mykey"])

        print(type(self.my_list))


def mycard(item: rx.Var[MyItem]) -> rx.Component:

    return rx.card(

        rx.hstack(
            rx.checkbox(
                rx.text(item.mykey),
                spacing="2",
                on_click=MyState.add_item_to_my_list(item)
            )
        )

    )

def list_of_cards() -> rx.Component:

    return rx.grid(
            rx.foreach(
                MyState.items, 
                lambda item: rx.grid(
                    mycard(item),
                    width="100%"
                    )
                ),
        spacing="1",
        width="100%"
        )

Any guidance would be greatly appreciated.

[picklelo]

@hragbalian The list and dict types are wrapped so that we can detect mutations in them. Try this to get the underlying values:

my_list = self.get_value(self.my_list)
print(type(self.my_list))
print(type(my_list))

[hragbalian]

@picklelo That was it, thanks!!