use-zustand/dist/cjs/index.js

Another custom hook to use Zustand vanilla store

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useZustand = useZustand;
const react_1 = require("react");
function useZustand(store, selector, areEqual = Object.is) {
    const state = store.getState();
    const [[sliceFromReducer, storeFromReducer], rerender] = (0, react_1.useReducer)((prev, fromSelf) => {
        if (fromSelf) {
            return fromSelf;
        }
        const nextState = store.getState();
        if (Object.is(prev[2], nextState) && prev[1] === store) {
            return prev;
        }
        const nextSlice = selector(nextState);
        if (areEqual(prev[0], nextSlice) && prev[1] === store) {
            return prev;
        }
        return [nextSlice, store, nextState];
    }, undefined, () => [selector(state), store, state]);
    (0, react_1.useEffect)(() => {
        const unsubscribe = store.subscribe(() => rerender());
        rerender();
        return unsubscribe;
    }, [store]);
    if (storeFromReducer !== store) {
        const slice = selector(state);
        rerender([slice, store, state]);
        return slice;
    }
    return sliceFromReducer;
}