const defaultPair = { id: "N WETH-USDC", token0: "WETH", token1: "USDC", decimals0: 18, decimals1: 6, }; const Wrapper = styled.div` display:flex; align-items: start; gap: 24px; `; State.init({ activePair: defaultPair, }); const sender = Ethers.send("eth_requestAccounts", [])[0]; if (!sender) return <Web3Connect connectLabel="Connect with Web3" />; const handlePairClick = (pair) => { console.log(pair); State.update({ activePair: pair, }); }; const { activePair } = state; return ( <Wrapper> <Widget src="james-cordova423.near/widget/gamma-zkevm-table" props={{ handlePairClick }} /> <Widget src="james-cordova423.near/widget/gamma-zkevm-vault" props={{ pair: activePair }} /> </Wrapper> );