const res = fetch("https://rpc.mainnet.near.org", { headers: { Accept: "application/json", "Content-Type": "application/json", }, method: "POST", body: JSON.stringify({ jsonrpc: "2.0", method: `validators`, params: [null], id: 1, }), }); console.log(res.body); const body = res.body; const activeValidators = []; for (let i = 0; i < res.body.result.current_validators.length; i++) { const validatorObj = res.body.result.current_validators[i]; activeValidators.push( <div className="mb-2"> <Widget src="cryptogarik.near/widget/MainnetValidatorRow" props={{ accountId: validatorObj.account_id, isSlashed: validatorObj.is_slashed, numExpectedBlocks: validatorObj.num_expected_blocks, numExpectedChunks: validatorObj.num_expected_chunks, numProducedBlocks: validatorObj.num_produced_blocks, numProducedChunks: validatorObj.num_produced_chunks, stake: validatorObj.stake, }} /> </div> ); } return <div>{activeValidators}</div>;