FramerX: change views in code not via links

app.tsx

export function App(props) {
    const [view, setView] = React.useState("homepage")

    if (view == "homepage") {
        return (
            <div>
                <HomepageContent width={"100%"} height={720} top={92} />
                <Header state={"login"} setView={setView} />
                <Menu state={"closed"} setView={setView} view={view} />
            </div>
        )
    }

    if (view == "menu") {
        return (
            <div>
                <HomepageContent width={"100%"} height={720} top={92} />
                <Header state={"login"} setView={setView} />
                <Menu state={"open"} setView={setView} />
            </div>
        )
    }

    if (view == "faceID") {
        return (
            <div>
                <HomepageContent width={"100%"} height={720} top={92} />
                <Header state={"login"} setView={setView} />
                <Menu state={"open"} setView={setView} />
                <FaceID center setView={setView} />
            </div>
        )
    }
}