Independent States

[benedikt-bartscher]

Describe the bug
All computed vars of all states get computed for every event handler execution. Even if the state class is not used at all in your reflex app.

To Reproduce
Steps to reproduce the behavior:

import reflex as rx

class StateOne(rx.State):
    @rx.var
    def computed(self) -> int:
        print(f"{type(self).__name__}.computed")
        return 1

    def do_nothing(self):
        print(f"{type(self).__name__}.do_nothing")


class StateTwo(rx.State):
    @rx.var
    def computed(self) -> int:
        print(f"{type(self).__name__}.computed")
        return 2

    def do_nothing(self):
        print(f"{type(self).__name__}.do_nothing")


def one() -> rx.Component:
    return rx.center(
        rx.button("Do nothing", on_click=StateOne.do_nothing),
        rx.text(StateOne.computed),
    )


def two() -> rx.Component:
    return rx.center(
        rx.button("Do nothing", on_click=StateTwo.do_nothing),
        rx.text(StateTwo.computed),
    )


app = rx.App()
app.add_page(one, route="/one")
# app.add_page(two, route="/two")

log output from pressing the "Do nothing" button:

StateOne.do_nothing
StateOne.computed
StateTwo.computed

Expected behavior
StateTwo does not get instantiated and StateTwo.computed does not get called for every event handler execution in other states.

Specifics (please complete the following information):

• Python Version: 3.12.3
• Reflex Version: main branch
• OS: arch