react-tangle/TangleProvider.js

A Simple State Management Library in React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var tangle_1 = require("./tangle");
exports.TangleContext = React.createContext(null);
function TangleProvider(props) {
    var _a = React.useState(false), hasInit = _a[0], setHasInit = _a[1];
    var tangleRef = React.useRef(null);
    React.useEffect(function () {
        var emptyInitial = {};
        tangleRef.current = tangle_1.createContext(props.initial || emptyInitial);
        setHasInit(true);
    }, []);
    if (hasInit) {
        return (React.createElement(exports.TangleContext.Provider, { value: tangleRef.current }, props.children));
    }
    return null;
}
exports.TangleProvider = TangleProvider;