how to get row data when i click row .in table

[bobwatcherx]

my code

import pynecone as pc
from .mymodel.food import Foods



class State(pc.State):
    name:str
    price:int
    stock:int
    columns = ["Name", "Age", "Location"]
    footer = ["Footer 1", "Footer 2", "Footer 3"]

    data = [
            ["John", 30, "New York"],
            ["Jane", 25, "San Francisco"],
        ]
    def showme(self,row):
        print("tolol",row)

    def addnew(self):
        if self.name and self.price and self.stock:
            try:
                with pc.session() as s:
                    s.add(
                        Foods(
                            food_name=self.name,
                            price=self.price,
                            stock=self.stock
                            )
                        )
                    s.commit()
            except Exception as e:
                print(e)
        else:
            print("Please fill in all fields before adding new food.")



def index():
    return pc.vstack(
        pc.heading("Crud Pynecone",size="md"),
        pc.input(
            focus_border_color="purple",
            placeholder="Food Name",
            on_change=State.set_name),

        pc.input(
            focus_border_color="purple",
            placeholder="Price",
            on_change=State.set_price),
        pc.input(
            focus_border_color="purple",
            placeholder="Stock",
            on_change=State.set_stock),


        pc.button("addnew",
            bg="yellow",color="black",size="lg",
        on_click=State.addnew
            ),

        # SHOW DATA IN TABLE
        pc.table_container(
        pc.table(
            pc.table_caption("Example Table"),
            pc.thead(
                pc.tr(*[pc.th(column) for column in State.columns])
            ),
            pc.tbody(
                *[
                    pc.tr(*[pc.td(item) for item in State.row])
                    for row in State.data
                ],
                on_click=State.showme()
            ),
            pc.tfoot(pc.tr(*[pc.th(item) for item in State.footer])),
        )

    )
        )



# Add state and page to the app.
app = pc.App(state=State)
app.add_page(index)
app.compile()

how to use state column and row . for table but I get error

  File "/usr/local/lib/python3.10/dist-packages/pynecone/app.py", line 265, in add_page
    component = component if isinstance(component, Component) else component()
  File "/home/mopt/belajar/pynecrud/pynecrud/pynecrud.py", line 67, in index
    pc.tr(*[pc.th(column) for column in State.columns])
  File "/home/mopt/belajar/pynecrud/pynecrud/pynecrud.py", line 67, in <listcomp>
    pc.tr(*[pc.th(column) for column in State.columns])
  File "/usr/local/lib/python3.10/dist-packages/pynecone/components/component.py", line 359, in create
    children = [
  File "/usr/local/lib/python3.10/dist-packages/pynecone/components/component.py", line 362, in <listcomp>
    else Bare.create(contents=Var.create(child, is_string=True))
  File "/usr/local/lib/python3.10/dist-packages/pynecone/var.py", line 102, in create
    raise TypeError(
TypeError: To create a Var must be Var or JSON-serializable. Got ('type_', <class 'list'>) of type <class 'tuple'>.

And how do i get row data . if i click the row in that table and print to terminal
example

class State(pc.State):
    name:str
    price:int
    stock:int
    columns = ["Name", "Age", "Location"]
    footer = ["Footer 1", "Footer 2", "Footer 3"]

    data = [
            ["John", 30, "New York"],
            ["Jane", 25, "San Francisco"],
        ]
    def showme(self,row):
        print("tolol",row)

pc.table(
            pc.table_caption("Example Table"),
            pc.thead(
                pc.tr(*[pc.th(column) for column in State.columns])
            ),
            pc.tbody(
                *[
                    pc.tr(*[pc.td(item) for item in State.row])
                    for row in State.data
                ],
                on_click=State.showme()
            ),
            pc.tfoot(pc.tr(*[pc.th(item) for item in State.footer])),
        )