Event Chains: the output won't render if one event takes a lot of time

[timho102003]

I tried to modify the Event Chain example provided by Pynecone website to my use case. The spinner kept spinning even though I had finished all computations. If I kept only one computation out = self. _compute_engine_1.calculate(), the count will be rendered, and the spinner will stop as expected. Does anyone knows the reason?

import asyncio

class ChainExampleState(pc.State):
    count = 0
    show_progress = False
    _compute_engine_1 = ComputeEngine() # some expensive computation engine
    _compute_engine_2 = ComputeEngine() # some expensive computation engine
    _compute_engine_3 = ComputeEngine() # some expensive computation engine

    def toggle_progress(self):
        self.show_progress = not self.show_progress

    async def increment(self):
        out = self. _compute_engine_1.calculate()
        for I in range(6):
            out+=self. _compute_engine_2.calculate()
        out+=self._compute_engine_3.calculate()
        self.count = out

def index():
    return pc.cond(
        ChainExampleState.show_progress,
        pc.circular_progress(is_indeterminate=True),
        pc.heading(
            ChainExampleState.count,
            on_click=[
                ChainExampleState.toggle_progress,
                ChainExampleState.increment,
                ChainExampleState.toggle_progress,
            ],
            _hover={"cursor": "pointer"},
        ),
    )