How to feed var to pc.html

[lionsheep0724]

I'm working on my audio-streaming web project, with pynecone. My use case is upload .wav file to server and stream it when I click play button.
My approach is feed state variable(uploaded audio file path) to audio html tag, to create play button. But pc.html cannot handle string variable from state, with errors at pc.html(RootState.audio_html) : expected type pynecone.var.Var[typing.Dict], got value {'__html': BaseVar(name='audio_html', type_=<class 'str'>, state='root_state', is_local=False, is_string=False)} of type <class 'dict'>.
Refer to State code below.

Class State(pc.State):
    audio_html:str
    async def handle_upload(self, file: pc.UploadFile):
        """Handle the upload of a file.
        Args:
            file: The uploaded file.
        """
        upload_data = await file.read()
        outfile = f"/app/assets/{file.filename}"
   
        # Save the file.
        with open(outfile, "wb") as f:
            f.write(upload_data)
        # Update the audio file path
        
        self.audio_html = """
        <audio controls>
            <source src="{path}" type="audio/wav">
            Your browser does not support the audio element.
        </audio>
        """.format(path=f"/{file.filename}")