how to define state in different files and different pages

[bobwatcherx]

i want to create separate page and how to do it between each state and page

my code pyne1.py

import pynecone as p
from .aboutpage import about

class Mystate(p.State):
    count:int = 20
    name:str = "john"

    def add(self):
        self.count +=40

def index():
    return p.center(
        p.vstack(
               p.heading("tolol",color="orange"),
        p.text(Mystate.count),
        p.button("add",
            on_click=Mystate.add
            ),
        p.text(Mystate.name,weight="bold",font_size="30px"),
        p.input(
            on_change=Mystate.set_name
            )
            )

        )



app = p.App(state=Mystate)
app.add_page(index)
app.add_page(about,route="/customroute")

app.compile()

and my code aboutpage.py

import pynecone as p

class MyAboutControll(p.State):
	aboutname:str = "about"

def about():
	return p.vstack(
		p.box(MyAboutControll.aboutname,bg="orange",width="80%",
			padding=10
			)

		)



app = p.App(state=MyAboutControll)

[bobwatcherx]

it can be resolved