Simple fetch wrapper example for your API calls

api.js

function fetchJson(path, {method, body}) {
  return fetch(`${API_BASE_URL}${path}`, {
    method,
    // credentials: 'include', // Use either 1. this if using cookies-based authentication
    headers: {
      // either nothing (if using cookies (requires same domain)
      // Authorization: `Bearer ${localStorage.getItem('access_token')}`, // or this (client-side)
      // Authorization: `ApiKey ${process.env.SG_API_KEY}`, // or access token authentication (server-side)
      ...body && {'Content-Type': 'application/json'},
    },
    body: body && JSON.stringify(body)
  }).then(async r => {
    const data = await r.json().catch(() => ({}));
  
    if (r.ok) return data;

    const err = new Error(data?.error.message || data);
    err.status = r.status;
    throw err;
  });
}

export default new Proxy(fetchJson, {
  get: (fn, method) => typeof method === 'string' ? (url, body) => fn(url, { method, body }) : fn
});

// Usage:
// const items = await api.get('/v1/items');
// await api.put('/v1/user', { language: 'es' });