State.init({ pocket: {}, }); const handleGetPocket = (id) => { fetch(`https://dev-pocket-api.hamsterbox.xyz/api/pool/${id}`) .then((response) => response.json()) .then((jsonResponse) => { State.update({ pocket: jsonResponse }); }); }; return ( <div> <button type="button" ref="forwardedRef" onClick={() => handleGetPocket("645cc82ad0ad713a23988971")} className="violet Button" > Get pocket </Button> {pocket && pocket.name} </div> );