pc.foreach iterates through an unknown list of values

[demka-live]

I am trying to make a simple web app that requests data from a database and prints it to the screen. I am using pynecone session module for this. Getting data

class MessageState(pc.State):
    @pc.var
    def messages(self) -> list[Messages]:
        with pc.session() as s:
            a = s.query(Messages).all()
            print(a)
            return a

Sending data to user

def index():
  return pc.container(
          pc.vstack(pc.foreach(MessageState.messages, render_message)))

rendering message

def render_message(message) -> pc.Component:
    print(f"MESSAGE TYPE{type(message)}")
    print(message)
    return pc.code(message.text)

And I always get a strange output in the console and a crash in the browser.

MESSAGE TYPE<class 'pynecone.var.BaseVar'>
{bjthrexz}

The app refuses to send messages to the render_message function and instead sends some random data. Any help would be appreciated.

[picklelo]

It is of type BaseVar because the value of a state var is not known at compile time. BaseVar is how we translate to javascript variables - so that weird string is just some JS variable name.

What does your print statement in the first example print? What is being rendered in the code component - the random string or nothing?

[r100-stack]

I too am facing this issue. For example:

pc.foreach(State.users, lambda u: pc.text(str(u)))

This gives a list of random texts like {frvllirr}

[Lendemor]

Using a print statement in the render function will be executed during compilation time.

This means the value that actually show up is the name of the variable used by the frontend to refer to those variables.

Similarly, if you force the conversion of str(u), you do that during compilation time (when the actual values are not known yet).