@digigov/ui 0.12.2 → 0.13.0

package/esm/api/index.spec.js

@@ -0,0 +1,546 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import React, { Suspense, useEffect } from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import fetchMock from 'fetch-mock';
+import { APIProvider, useResource, useResourceAction, useResourceMany, APIErrors } from '@digigov/ui/api/index';
+import delay from '@digigov/ui/test-utils/delay';
+import fetchAPI from '@digigov/ui/api/fetchAPI';
+import 'whatwg-fetch';
+
+var _ref2 = /*#__PURE__*/React.createElement("span", null, "something went wrong");
+
+var HandleError = function HandleError(_ref) {
+  var error = _ref.error;
+
+  if (error.name === 'APIError') {
+    error = error.error;
+
+    if (error.status === 404) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, "Not found");
+    }
+  } // TODO: render the <SomethingWentWrong /> page here
+
+
+  return _ref2;
+};
+
+var makeWrapper = function makeWrapper(_ref3) {
+  var config = _ref3.config,
+      token = _ref3.token;
+  return function (_ref4) {
+    var children = _ref4.children;
+    return /*#__PURE__*/React.createElement(Suspense, {
+      fallback: 'Loading'
+    }, /*#__PURE__*/React.createElement(APIErrors, {
+      fallback: HandleError
+    }, /*#__PURE__*/React.createElement(APIProvider, {
+      config: config,
+      token: token
+    }, children)));
+  };
+};
+
+var BASE_URL = 'http://test/api';
+var TOKEN = 'mytoken';
+var DELAY = 100;
+
+var buildMockOptions = function buildMockOptions(_ref5) {
+  var resource = _ref5.resource,
+      _ref5$method = _ref5.method,
+      method = _ref5$method === void 0 ? 'GET' : _ref5$method,
+      _ref5$authenticated = _ref5.authenticated,
+      authenticated = _ref5$authenticated === void 0 ? true : _ref5$authenticated,
+      _ref5$query = _ref5.query,
+      query = _ref5$query === void 0 ? {} : _ref5$query,
+      response = _ref5.response,
+      _ref5$delay = _ref5.delay,
+      delay = _ref5$delay === void 0 ? DELAY / 2 : _ref5$delay;
+  var headers = {
+    'content-type': 'application/json'
+  };
+  var options = {
+    delay: delay
+  };
+
+  if (authenticated) {
+    headers.Authorization = "Token ".concat(TOKEN);
+  }
+
+  var params = new URLSearchParams(query).toString();
+  return ["".concat(BASE_URL, "/").concat(resource).concat(params && "?".concat(params)), response, _extends({
+    headers: headers,
+    method: method
+  }, options)];
+};
+
+var getAPI = function getAPI() {
+  return {
+    config: {
+      baseURL: BASE_URL
+    },
+    token: TOKEN
+  };
+};
+
+var wrapper = makeWrapper(getAPI());
+describe('fetchAPI', function () {
+  fetchMock.config.overwriteRoutes = true;
+  afterAll(function () {
+    fetchMock.restore();
+  });
+  beforeEach(fetchMock.resetBehavior);
+  beforeEach(fetchMock.resetHistory);
+  it('fetchAPI gets', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var resource, path, _yield$fetchAPI, data;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            resource = 'resource';
+            path = 'some_id';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: "".concat(resource, "/").concat(path, "/"),
+              response: {
+                value: 'SWR'
+              }
+            })));
+            _context.next = 5;
+            return fetchAPI(resource, {
+              path: path
+            }, getAPI());
+
+          case 5:
+            _yield$fetchAPI = _context.sent;
+            data = _yield$fetchAPI.data;
+            expect(data.value).toBe('SWR');
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});
+describe('useResource', function () {
+  fetchMock.config.overwriteRoutes = true;
+  afterAll(function () {
+    fetchMock.restore();
+  });
+  beforeEach(fetchMock.resetBehavior);
+  beforeEach(fetchMock.resetHistory);
+  it('useResource should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var resource, Page, _render, container, _container$firstChild, _container$firstChild2;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            Page = function _Page() {
+              var _useResource = useResource(resource),
+                  data = _useResource.data;
+
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", data === null || data === void 0 ? void 0 : data.value);
+            };
+
+            resource = 'resource';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              response: {
+                value: 'SWR'
+              }
+            })));
+            _render = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render.container;
+            expect(container.firstChild).not.toBe(null);
+
+            if (!container.firstChild) {
+              _context2.next = 10;
+              break;
+            }
+
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild = container.firstChild) === null || _container$firstChild === void 0 ? void 0 : _container$firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context2.next = 9;
+            return delay(DELAY);
+
+          case 9:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild2 = container.firstChild) === null || _container$firstChild2 === void 0 ? void 0 : _container$firstChild2.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
+
+          case 10:
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+  it('should run duplicate request once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _container$firstChild3, _container$firstChild4;
+
+    var resource, Page, _render2, container;
+
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            Page = function _Page2() {
+              useResource(resource);
+
+              var _useResource2 = useResource(resource),
+                  duplData = _useResource2.data;
+
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", duplData === null || duplData === void 0 ? void 0 : duplData.value);
+            };
+
+            resource = 'dupliresource';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              response: {
+                value: 'myvalue'
+              }
+            })));
+            _render2 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render2.container;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild3 = container.firstChild) === null || _container$firstChild3 === void 0 ? void 0 : _container$firstChild3.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context3.next = 8;
+            return delay(DELAY);
+
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild4 = container.firstChild) === null || _container$firstChild4 === void 0 ? void 0 : _container$firstChild4.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 10:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })));
+});
+describe('useResourceAction', function () {
+  fetchMock.config.overwriteRoutes = true;
+  afterAll(function () {
+    fetchMock.restore();
+  });
+  beforeEach(fetchMock.resetBehavior);
+  beforeEach(fetchMock.resetHistory);
+  it('useResourceAction should return result ', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _container$firstChild5, _container$firstChild6;
+
+    var resource, Page, _render3, container;
+
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            Page = function _Page3() {
+              var _useResourceAction = useResourceAction(resource, undefined, 'POST', {
+                some: 'data'
+              }, undefined),
+                  data = _useResourceAction.data,
+                  fetch = _useResourceAction.fetch;
+
+              useEffect(function () {
+                fetch();
+              }, []);
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.value);
+            };
+
+            resource = 'resourceaction';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              response: {
+                value: 'myvalue'
+              },
+              method: 'POST'
+            })));
+            _render3 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render3.container;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild5 = container.firstChild) === null || _container$firstChild5 === void 0 ? void 0 : _container$firstChild5.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context4.next = 8;
+            return delay(DELAY * 2);
+
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild6 = container.firstChild) === null || _container$firstChild6 === void 0 ? void 0 : _container$firstChild6.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 10:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  })));
+  it('useResourceAction should be invalidated and run twice', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _container$firstChild7, _container$firstChild8, _container$firstChild9, _container$firstChild10;
+
+    var resource, Page, _render4, container;
+
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            Page = function _Page4() {
+              var _useResourceAction2 = useResourceAction(resource, undefined, 'POST', {
+                some: 'data'
+              }, undefined),
+                  data = _useResourceAction2.data,
+                  fetch = _useResourceAction2.fetch,
+                  invalidate = _useResourceAction2.invalidate;
+
+              useEffect(function () {
+                fetch();
+              }, []);
+              useEffect(function () {
+                setTimeout(function () {
+                  invalidate();
+                }, DELAY * 2);
+                setTimeout(function () {
+                  fetch();
+                }, DELAY * 3);
+              }, []);
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.value);
+            };
+
+            resource = 'resourceactiondouble';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              response: {
+                value: 'myvalue'
+              },
+              method: 'POST'
+            })));
+            _render4 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render4.container;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild7 = container.firstChild) === null || _container$firstChild7 === void 0 ? void 0 : _container$firstChild7.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context5.next = 8;
+            return delay(DELAY);
+
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild8 = container.firstChild) === null || _container$firstChild8 === void 0 ? void 0 : _container$firstChild8.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
+            _context5.next = 11;
+            return delay(DELAY);
+
+          case 11:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild9 = container.firstChild) === null || _container$firstChild9 === void 0 ? void 0 : _container$firstChild9.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context5.next = 14;
+            return delay(DELAY * 2);
+
+          case 14:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild10 = container.firstChild) === null || _container$firstChild10 === void 0 ? void 0 : _container$firstChild10.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
+            expect(fetchMock.calls()).toHaveLength(2);
+
+          case 16:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  })));
+});
+describe('useResourceMany', function () {
+  fetchMock.config.overwriteRoutes = true;
+  afterAll(function () {
+    fetchMock.restore();
+  });
+  beforeEach(fetchMock.resetBehavior);
+  beforeEach(fetchMock.resetHistory); //check this test again (loading/hello)
+
+  it('useResourceMany should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _container$firstChild11, _container$firstChild12;
+
+    var resource, Page, _render5, container;
+
+    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            Page = function _Page5() {
+              var _useResourceMany = useResourceMany(resource),
+                  data = _useResourceMany.data;
+
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.join(''));
+            };
+
+            resource = 'resourceMany';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              query: {
+                offset: 0,
+                limit: 30
+              },
+              response: {
+                data: ['S', 'W', 'R'],
+                meta: {
+                  total: 1,
+                  count: 3
+                }
+              }
+            })));
+            _render5 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render5.container;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild11 = container.firstChild) === null || _container$firstChild11 === void 0 ? void 0 : _container$firstChild11.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context6.next = 8;
+            return delay(DELAY * 2);
+
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild12 = container.firstChild) === null || _container$firstChild12 === void 0 ? void 0 : _container$firstChild12.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 10:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee6);
+  })));
+  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var _container$firstChild13, _container$firstChild14;
+
+    var resource, Page, _render6, container;
+
+    return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            Page = function _Page6() {
+              var _useResourceMany2 = useResourceMany(resource),
+                  hasNext = _useResourceMany2.hasNext,
+                  hasPrevious = _useResourceMany2.hasPrevious;
+
+              return /*#__PURE__*/React.createElement("div", null, hasNext ? '' : 'no', " next,", hasPrevious ? '' : 'no', " previous");
+            };
+
+            resource = 'resourceManyhasNext';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              query: {
+                offset: 0,
+                limit: 30
+              },
+              response: {
+                data: ['S', 'W', 'R'],
+                meta: {
+                  total: 1,
+                  count: 3
+                }
+              }
+            })));
+            _render6 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render6.container;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild13 = container.firstChild) === null || _container$firstChild13 === void 0 ? void 0 : _container$firstChild13.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context7.next = 8;
+            return delay(DELAY);
+
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild14 = container.firstChild) === null || _container$firstChild14 === void 0 ? void 0 : _container$firstChild14.textContent).toMatchInlineSnapshot("\"no next,no previous\"");
+            expect(fetchMock.calls()).toHaveLength(1);
+
+          case 10:
+          case "end":
+            return _context7.stop();
+        }
+      }
+    }, _callee7);
+  })));
+  it('useResourceMany should handle setPage with custom limit option', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var _container$firstChild15, _container$firstChild16, _container$firstChild17;
+
+    var resource, Page, _render7, container, getByText;
+
+    return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            Page = function _Page7() {
+              var _useResourceMany3 = useResourceMany(resource, {
+                limit: 10
+              }),
+                  data = _useResourceMany3.data,
+                  setPage = _useResourceMany3.setPage,
+                  page = _useResourceMany3.page;
+
+              var nextPage = function nextPage() {
+                setPage(page + 1);
+              };
+
+              return /*#__PURE__*/React.createElement("div", null, "hello, ", data.join(''), /*#__PURE__*/React.createElement("button", {
+                onClick: nextPage
+              }, "next"));
+            };
+
+            resource = 'resourceManysetpage';
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              query: {
+                offset: 0,
+                limit: 10
+              },
+              response: {
+                data: ['S', 'W', 'R'],
+                meta: {
+                  total: 3,
+                  count: 100
+                }
+              }
+            })));
+            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
+              resource: resource,
+              query: {
+                offset: 10,
+                limit: 10
+              },
+              response: {
+                data: ['R', 'W', 'S'],
+                meta: {
+                  total: 3,
+                  count: 100
+                }
+              }
+            })));
+            _render7 = render( /*#__PURE__*/React.createElement(Page, null), {
+              wrapper: wrapper
+            }), container = _render7.container, getByText = _render7.getByText;
+            expect(container.firstChild).not.toBe(null);
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild15 = container.firstChild) === null || _container$firstChild15 === void 0 ? void 0 : _container$firstChild15.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context8.next = 9;
+            return delay(DELAY);
+
+          case 9:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild16 = container.firstChild) === null || _container$firstChild16 === void 0 ? void 0 : _container$firstChild16.textContent).toMatchInlineSnapshot("\"hello, SWRnext\"");
+            fireEvent.click(getByText('next'));
+            _context8.next = 13;
+            return delay(DELAY * 2);
+
+          case 13:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild17 = container.firstChild) === null || _container$firstChild17 === void 0 ? void 0 : _container$firstChild17.textContent).toMatchInlineSnapshot("\"hello, RWSnext\"");
+            expect(fetchMock.calls()).toHaveLength(2);
+
+          case 15:
+          case "end":
+            return _context8.stop();
+        }
+      }
+    }, _callee8);
+  })));
+});

package/esm/api/introduction.md

@@ -0,0 +1,6 @@
+---
+title: DigiGOV API client
+order: 0
+---
+
+# DigiGOV API client

package/esm/api/useResource.js

@@ -0,0 +1,128 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
+import { useQuery, queryCache } from 'react-query';
+import { useAPI } from '@digigov/ui/api';
+import { useState } from 'react';
+export function useResource(resource, id, query, options, suspense) {
+  var _useAPI = useAPI(),
+      baseURL = _useAPI.config.baseURL,
+      token = _useAPI.token;
+
+  var _useState = useState({
+    url: '',
+    dataSet: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      _useState2$ = _useState2[0],
+      url = _useState2$.url,
+      dataSet = _useState2$.dataSet,
+      setFetchOpts = _useState2[1];
+
+  function customFetcher(_x, _x2) {
+    return _customFetcher.apply(this, arguments);
+  }
+
+  function _customFetcher() {
+    _customFetcher = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fetchUrl, options) {
+      var response, _yield$processRespons, _data, _error;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setFetchOpts({
+                url: fetchUrl,
+                dataSet: false
+              });
+              _context.next = 3;
+              return fetch(fetchUrl, options);
+
+            case 3:
+              response = _context.sent;
+              _context.prev = 4;
+              _context.next = 7;
+              return processResponse(response);
+
+            case 7:
+              _yield$processRespons = _context.sent;
+              _data = _yield$processRespons.data;
+              _error = _yield$processRespons.error;
+
+              if (!_error) {
+                _context.next = 12;
+                break;
+              }
+
+              return _context.abrupt("return", Promise.reject(_error));
+
+            case 12:
+              if (!_data) {
+                _context.next = 14;
+                break;
+              }
+
+              return _context.abrupt("return", Promise.resolve(_data));
+
+            case 14:
+              _context.next = 19;
+              break;
+
+            case 16:
+              _context.prev = 16;
+              _context.t0 = _context["catch"](4);
+              return _context.abrupt("return", Promise.reject(_context.t0.error));
+
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[4, 16]]);
+    }));
+    return _customFetcher.apply(this, arguments);
+  }
+
+  var queryKey = getQueryKey(resource, id, query, null, options, 'GET', baseURL, token);
+  var enabled = true;
+  var resolvedQueryKey;
+
+  if (typeof queryKey === 'function') {
+    try {
+      resolvedQueryKey = queryKey();
+    } catch (err) {
+      enabled = false;
+    }
+  }
+
+  var _useQuery = useQuery(resolvedQueryKey || queryKey, customFetcher, {
+    enabled: enabled,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
+    suspense: suspense || false,
+    cacheTime: 300000,
+    staleTime: 20000,
+    retry: false,
+    useErrorBoundary: false // falls back to suspense
+
+  }),
+      status = _useQuery.status,
+      data = _useQuery.data,
+      error = _useQuery.error,
+      isFetching = _useQuery.isFetching,
+      refetch = _useQuery.refetch;
+
+  return {
+    data: data,
+    loading: isFetching,
+    loaded: ['error', 'success'].includes(status),
+    error: error,
+    invalidate: function invalidate() {
+      queryCache.invalidateQueries(resolvedQueryKey || queryKey);
+    },
+    fetch: refetch,
+    dataSet: dataSet,
+    url: url
+  };
+}