const accountID = "tvh050423.near"; State.init({ pageNum: 0, onChange: (number) => { State.update({ pageNum: number, }); }, }); const props = { pageNum: state.pageNum, changePage: state.onChange }; const Content = styled.div` padding: 20px 0; width: 100%; `; const Layout = styled.div` width: 100vw, `; const pages = [ `${accountID}/widget/DiscoverPage`, `${accountID}/widget/DataStorage`, ]; return ( <Layout className="bg-black"> <Widget src={`${accountID}/widget/Header`} props={props} /> <Content> <Widget src={pages[state.pageNum]} props={props} /> </Content> </Layout> );