Handle BigInt numbers from API

Author: jmgaya

packages/react-api/package.json

@@ -65,7 +65,8 @@
     "webpack-cli": "^4.5.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.9"
+    "@babel/runtime": "^7.13.9",
+    "json-bigint": "^1.0.0"
   },
   "peerDependencies": {
     "@carto/react-core": "^3.1.0-alpha.1",

packages/react-api/src/api/common.js

@@ -1,4 +1,5 @@
 import { InvalidColumnError } from '@carto/react-core/';
+import JSONbig from 'json-bigint';
 
 /**
  * Return more descriptive error from API
@@ -51,7 +52,10 @@ export async function makeCall({ url, credentials, opts }) {
       signal: opts?.abortController?.signal,
       ...opts?.otherOptions
     });
-    data = await response.json();
+
+    // Parse with JSONbig to automatically handle large numbers as BigInt
+    const text = await response.text();
+    data = JSONbig.parse(text);
   } catch (error) {
     if (error.name === 'AbortError') throw error;
 

yarn.lock

@@ -12430,6 +12430,13 @@ json-bigint@^0.3.0:
   dependencies:
     bignumber.js "^9.0.0"
 
+json-bigint@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-bigint/-/json-bigint-1.0.0.tgz#ae547823ac0cad8398667f8cd9ef4730f5b01ff1"
+  integrity sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==
+  dependencies:
+    bignumber.js "^9.0.0"
+
 json-buffer@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"