vap1 0.2.2 → 0.2.4

package/hooks/useMemoPromise.js

@@ -8,34 +8,74 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMemoPromise = void 0;
-const react_1 = require("react");
-const useUpdate_1 = require("./useUpdate");
-const useEffectFunction_1 = require("./useEffectFunction");
+var react_1 = require("react");
+var useUpdate_1 = require("./useUpdate");
+var useEffectFunction_1 = require("./useEffectFunction");
 /**
  * 说明， useMemoPromise 在值没有返回时， value 是 null 如用于解构则报错 ，
  * 如 const [loading,{a,b}] = useMemoPromise<{a:boolen,b:string}>();
 */
-const useMemoPromise = (factory, deps) => {
-    const ref = (0, react_1.useRef)([true, null, null]);
-    const update = (0, useUpdate_1.useUpdate)();
-    (0, useEffectFunction_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
-        ref.current[0] = true;
-        update();
-        try {
-            const result = yield factory();
-            ;
-            ref.current[1] = result;
-            ref.current[2] = null;
-        }
-        catch (e) {
-            // ref.current[1] = null;
-            ref.current[2] = e;
-        }
-        ref.current[0] = false;
-        update();
-    }), deps);
+var useMemoPromise = function (factory, deps) {
+    var ref = (0, react_1.useRef)([true, null, null]);
+    var update = (0, useUpdate_1.useUpdate)();
+    (0, useEffectFunction_1.useEffectFunction)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ref.current[0] = true;
+                    update();
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, factory()];
+                case 2:
+                    result = _a.sent();
+                    ;
+                    ref.current[1] = result;
+                    ref.current[2] = null;
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    // ref.current[1] = null;
+                    ref.current[2] = e_1;
+                    return [3 /*break*/, 4];
+                case 4:
+                    ref.current[0] = false;
+                    update();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, deps);
     return ref.current;
     ;
 };

package/hooks/useModals.js

@@ -1,7 +1,34 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModals = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 /**
  * useModals 提供了常用页面处理弹框的一个快捷封装
  * 用于 添加、编辑 数据 ，及查看数据详情的 UModal
@@ -9,15 +36,15 @@ const react_1 = require("react");
  *
  * 此Hook 没有提供任何数据操作，通常与 useApi返回的模型结合使用。
 */
-const useModals = () => {
-    const [modalState, setState] = (0, react_1.useState)({
+var useModals = function () {
+    var _a = __read((0, react_1.useState)({
         modalProps: {
             open: false, data: null, isEdit: false,
-            onCancel: (extra) => {
-                setState(prev => {
-                    let result = {
+            onCancel: function (extra) {
+                setState(function (prev) {
+                    var result = {
                         open: false, openDetail: false, openUpload: false, isEdit: false, data: prev.data,
-                        modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: false })
+                        modalProps: __assign(__assign({}, prev.modalProps), { open: false })
                     };
                     if (extra !== undefined)
                         result.extra = extra;
@@ -31,68 +58,76 @@ const useModals = () => {
         isEdit: false,
         data: {},
         extra: null,
-    });
-    const hide = (extra) => setState(prev => {
-        let result = {
+    }), 2), modalState = _a[0], setState = _a[1];
+    var hide = function (extra) { return setState(function (prev) {
+        var result = {
             open: false, openDetail: false, openUpload: false, isEdit: false, data: prev.data,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: false, isEdit: false, data: null })
+            modalProps: __assign(__assign({}, prev.modalProps), { open: false, isEdit: false, data: null })
         };
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
-    const showInfo = (data, extra) => setState(prev => {
-        let result = {
-            open: true, openDetail: false, openUpload: false, isEdit: false, data,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: true, data, isEdit: false })
+    }); };
+    var showInfo = function (data, extra) { return setState(function (prev) {
+        var result = {
+            open: true, openDetail: false, openUpload: false, isEdit: false,
+            data: data,
+            modalProps: __assign(__assign({}, prev.modalProps), { open: true, data: data, isEdit: false })
         };
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
-    const showAdd = (extra) => setState(prev => {
-        let result = {
+    }); };
+    var showAdd = function (extra) { return setState(function (prev) {
+        var result = {
             open: true, openDetail: false, openUpload: false, data: null, isEdit: false,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: true, data: null, isEdit: false })
+            modalProps: __assign(__assign({}, prev.modalProps), { open: true, data: null, isEdit: false })
         };
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
-    const showEdit = (data, extra) => setState(prev => {
-        let result = {
-            open: true, openDetail: false, openUpload: false, data, isEdit: true,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: true, data, isEdit: true })
+    }); };
+    var showEdit = function (data, extra) { return setState(function (prev) {
+        var result = {
+            open: true, openDetail: false, openUpload: false,
+            data: data,
+            isEdit: true,
+            modalProps: __assign(__assign({}, prev.modalProps), { open: true, data: data, isEdit: true })
         };
         if (data !== undefined)
             result.data = data;
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
-    const showUpload = (extra) => setState(prev => {
-        let result = {
+    }); };
+    var showUpload = function (extra) { return setState(function (prev) {
+        var result = {
             open: false, openDetail: false, openUpload: true, data: prev.data, isEdit: false,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: false })
+            modalProps: __assign(__assign({}, prev.modalProps), { open: false })
         };
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
-    const showDetail = (data, extra) => setState(prev => {
-        let result = {
+    }); };
+    var showDetail = function (data, extra) { return setState(function (prev) {
+        var result = {
             open: false, openDetail: true, openUpload: false, data: prev.data, isEdit: false,
-            modalProps: Object.assign(Object.assign({}, prev.modalProps), { open: false })
+            modalProps: __assign(__assign({}, prev.modalProps), { open: false })
         };
         if (data !== undefined)
             result.data = data;
         if (extra !== undefined)
             result.extra = extra;
         return result;
-    });
+    }); };
     return {
-        modalState,
-        hide, showInfo, showAdd, showEdit, showUpload, showDetail,
+        modalState: modalState,
+        hide: hide,
+        showInfo: showInfo,
+        showAdd: showAdd,
+        showEdit: showEdit,
+        showUpload: showUpload,
+        showDetail: showDetail,
     };
 };
 exports.useModals = useModals;

package/hooks/useMountedState.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMountedState = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 /**
  * 使用方法参考
  * https://github.com/streamich/react-use/blob/master/docs/useMountedState.md
 */
-const useMountedState = () => {
-    const mountedRef = (0, react_1.useRef)(false);
-    const get = (0, react_1.useCallback)(() => mountedRef.current, []);
-    (0, react_1.useEffect)(() => {
+var useMountedState = function () {
+    var mountedRef = (0, react_1.useRef)(false);
+    var get = (0, react_1.useCallback)(function () { return mountedRef.current; }, []);
+    (0, react_1.useEffect)(function () {
         mountedRef.current = true;
-        return () => {
+        return function () {
             mountedRef.current = false;
         };
     }, []);

package/hooks/useOpenState.js

@@ -1,23 +1,39 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenState = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 /**
  * 一个打开，关闭的 hook
  * 通用用于 Modal, Drawer, PopHover, DrowDown 等组件
  * 除了 open属性外，可额外携带两个数据
 */
-const useOpenState = () => {
-    const [[open, data, extra], setState] = (0, react_1.useState)([false, {}, null]);
+var useOpenState = function () {
+    var _a = __read((0, react_1.useState)([false, {}, null]), 2), _b = __read(_a[0], 3), open = _b[0], data = _b[1], extra = _b[2], setState = _a[1];
     return {
-        open,
-        data,
-        extra,
-        show: (data, extra) => setState(prev => {
-            let ext = extra === undefined ? prev[2] : extra;
+        open: open,
+        data: data,
+        extra: extra,
+        show: function (data, extra) { return setState(function (prev) {
+            var ext = extra === undefined ? prev[2] : extra;
             return [true, data, ext];
-        }),
-        hide: () => setState(prev => [false, prev[1], prev[2]]),
+        }); },
+        hide: function () { return setState(function (prev) { return [false, prev[1], prev[2]]; }); },
     };
 };
 exports.useOpenState = useOpenState;

package/hooks/usePromise.js

@@ -1,22 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePromise = void 0;
-const react_1 = require("react");
-const useMountedState_1 = require("./useMountedState");
+var react_1 = require("react");
+var useMountedState_1 = require("./useMountedState");
 /**
  * 使用方法参考
  * https://github.com/streamich/react-use/blob/master/docs/usePromise.md
 */
-const usePromise = () => {
-    const isMounted = (0, useMountedState_1.useMountedState)();
-    return (0, react_1.useCallback)((promise) => new Promise((resolve, reject) => {
-        const onValue = (value) => {
-            isMounted() && resolve(value);
-        };
-        const onError = (error) => {
-            isMounted() && reject(error);
-        };
-        promise.then(onValue, onError);
-    }), []);
+var usePromise = function () {
+    var isMounted = (0, useMountedState_1.useMountedState)();
+    return (0, react_1.useCallback)(function (promise) {
+        return new Promise(function (resolve, reject) {
+            var onValue = function (value) {
+                isMounted() && resolve(value);
+            };
+            var onError = function (error) {
+                isMounted() && reject(error);
+            };
+            promise.then(onValue, onError);
+        });
+    }, []);
 };
 exports.usePromise = usePromise;

package/hooks/useQueue.js

@@ -1,20 +1,47 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useQueue = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 /**
  * 使用方法参考
  * https://github.com/streamich/react-use/blob/master/docs/useQueue.md
  * */
-const useQueue = (initialValue = []) => {
-    const [state, set] = (0, react_1.useState)(initialValue);
+var useQueue = function (initialValue) {
+    if (initialValue === void 0) { initialValue = []; }
+    var _a = __read((0, react_1.useState)(initialValue), 2), state = _a[0], set = _a[1];
     return {
-        add: (value) => {
-            set((queue) => [...queue, value]);
+        add: function (value) {
+            set(function (queue) { return __spreadArray(__spreadArray([], __read(queue), false), [value], false); });
         },
-        remove: () => {
-            let result;
-            set(([first, ...rest]) => {
+        remove: function () {
+            var result;
+            set(function (_a) {
+                var _b = __read(_a), first = _b[0], rest = _b.slice(1);
                 result = first;
                 return rest;
             });

package/hooks/useSetState.js

@@ -1,7 +1,23 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSetState = void 0;
-const react_1 = require("react");
+var react_1 = require("react");
 /**
  * 使用方法参考
  * https://github.com/streamich/react-use/blob/master/docs/useSetState.md
@@ -10,17 +26,18 @@ const react_1 = require("react");
  * 扩展点 2： 支持 callBack
  *
 */
-const useSetState = (initialState = {}) => {
-    const [state, set] = (0, react_1.useState)(initialState);
-    const setState = (patch, callback) => set((prevState) => {
-        let next = patch instanceof Function ? patch(prevState) : patch;
+var useSetState = function (initialState) {
+    if (initialState === void 0) { initialState = {}; }
+    var _a = __read((0, react_1.useState)(initialState), 2), state = _a[0], set = _a[1];
+    var setState = function (patch, callback) { return set(function (prevState) {
+        var next = patch instanceof Function ? patch(prevState) : patch;
         if (next == null)
             return prevState;
-        let nextState = Object.assign({}, prevState, next);
+        var nextState = Object.assign({}, prevState, next);
         if (callback)
-            setTimeout(() => callback(nextState), 1);
+            setTimeout(function () { return callback(nextState); }, 1);
         return nextState;
-    });
+    }); };
     return [state, setState];
 };
 exports.useSetState = useSetState;

package/hooks/useStateList.js

@@ -1,29 +1,41 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStateList = void 0;
-const react_1 = require("react");
-const useMountedState_1 = require("./useMountedState");
-const useUpdateEffect_1 = require("./useUpdateEffect");
-const useUpdate_1 = require("./useUpdate");
+var react_1 = require("react");
+var useMountedState_1 = require("./useMountedState");
+var useUpdateEffect_1 = require("./useUpdateEffect");
+var useUpdate_1 = require("./useUpdate");
 /**
  * 使用方法参考
  * https://github.com/streamich/react-use/blob/master/docs/useStateList.md
 */
-const useStateList = (stateSet = []) => {
-    const isMounted = (0, useMountedState_1.useMountedState)();
-    const update = (0, useUpdate_1.useUpdate)();
-    const index = (0, react_1.useRef)(0);
+var useStateList = function (stateSet) {
+    if (stateSet === void 0) { stateSet = []; }
+    var isMounted = (0, useMountedState_1.useMountedState)();
+    var update = (0, useUpdate_1.useUpdate)();
+    var index = (0, react_1.useRef)(0);
     // If new state list is shorter that before - switch to the last element
-    (0, useUpdateEffect_1.useUpdateEffect)(() => {
+    (0, useUpdateEffect_1.useUpdateEffect)(function () {
         if (stateSet.length <= index.current) {
             index.current = stateSet.length - 1;
             update();
         }
     }, [stateSet.length]);
-    const actions = (0, react_1.useMemo)(() => ({
-        next: () => actions.setStateAt(index.current + 1),
-        prev: () => actions.setStateAt(index.current - 1),
-        setStateAt: (newIndex) => {
+    var actions = (0, react_1.useMemo)(function () { return ({
+        next: function () { return actions.setStateAt(index.current + 1); },
+        prev: function () { return actions.setStateAt(index.current - 1); },
+        setStateAt: function (newIndex) {
             // do nothing on unmounted component
             if (!isMounted())
                 return;
@@ -42,18 +54,18 @@ const useStateList = (stateSet = []) => {
                     : stateSet.length + (newIndex % stateSet.length);
             update();
         },
-        setState: (state) => {
+        setState: function (state) {
             // do nothing on unmounted component
             if (!isMounted())
                 return;
-            const newIndex = stateSet.length ? stateSet.indexOf(state) : -1;
+            var newIndex = stateSet.length ? stateSet.indexOf(state) : -1;
             if (newIndex === -1) {
-                throw new Error(`State '${state}' is not a valid state (does not exist in state list)`);
+                throw new Error("State '".concat(state, "' is not a valid state (does not exist in state list)"));
             }
             index.current = newIndex;
             update();
         },
-    }), [stateSet]);
-    return Object.assign({ state: stateSet[index.current], currentIndex: index.current }, actions);
+    }); }, [stateSet]);
+    return __assign({ state: stateSet[index.current], currentIndex: index.current }, actions);
 };
 exports.useStateList = useStateList;

package/hooks/useSyncExternalStore.js

@@ -1,34 +1,50 @@
 "use strict";
 // import { globalDefault } from '../utils/_Support';
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSyncExternalStore = void 0;
 // export const useSyncExternalStore = globalDefault<UseSyncExternalStore>('useSyncExternalStore' as any, (s, g, t) => { return {} as any });
 // https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js
-const _is = (x, y) => (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y);
-const is = typeof Object.is === 'function' ? Object.is : _is;
-const react_1 = require("react");
-const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
-    const value = getSnapshot();
-    const [{ inst }, forceUpdate] = (0, react_1.useState)({ inst: { value, getSnapshot } });
+var _is = function (x, y) { return (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y); };
+var is = typeof Object.is === 'function' ? Object.is : _is;
+var react_1 = require("react");
+var useSyncExternalStore = function (subscribe, getSnapshot, getServerSnapshot) {
+    var value = getSnapshot();
+    var _a = __read((0, react_1.useState)({ inst: { value: value, getSnapshot: getSnapshot } }), 2), inst = _a[0].inst, forceUpdate = _a[1];
     // Track the latest getSnapshot function with a ref. This needs to be updated
     // in the layout phase so we can access it during the tearing check that
     // happens on subscribe.
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_1.useLayoutEffect)(function () {
         inst.value = value;
         inst.getSnapshot = getSnapshot;
         if (checkIfSnapshotChanged(inst)) {
             // Force a re-render.
-            forceUpdate({ inst });
+            forceUpdate({ inst: inst });
         }
     }, [subscribe, value, getSnapshot]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         // Check for changes right before subscribing. Subsequent changes will be
         // detected in the subscription handler.
         if (checkIfSnapshotChanged(inst)) {
             // Force a re-render.
-            forceUpdate({ inst });
+            forceUpdate({ inst: inst });
         }
-        const handleStoreChange = () => {
+        var handleStoreChange = function () {
             // TODO: Because there is no cross-renderer API for batching updates, it's
             // up to the consumer of this library to wrap their subscription event
             // with unstable_batchedUpdates. Should we try to detect when this isn't
@@ -37,7 +53,7 @@ const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
             // read from the store.
             if (checkIfSnapshotChanged(inst)) {
                 // Force a re-render.
-                forceUpdate({ inst });
+                forceUpdate({ inst: inst });
             }
         };
         // Subscribe to the store and return a clean-up function.
@@ -48,10 +64,10 @@ const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
 };
 exports.useSyncExternalStore = useSyncExternalStore;
 function checkIfSnapshotChanged(inst) {
-    const latestGetSnapshot = inst.getSnapshot;
-    const prevValue = inst.value;
+    var latestGetSnapshot = inst.getSnapshot;
+    var prevValue = inst.value;
     try {
-        const nextValue = latestGetSnapshot();
+        var nextValue = latestGetSnapshot();
         return !is(prevValue, nextValue);
     }
     catch (error) {