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 }); }); }; const Button = styled.button` background: #f00; `; return ( <Button type="button" ref="forwardedRef" onClick={() => handleGetPocket("645cc82ad0ad713a23988971")} > Get pocket </Button> );